html左侧导航栏点击下拉菜单,CSS中的导航栏和下拉菜单的实现
一、CSS导航栏
(1)导航栏的作用
熟练使用导航栏，对于网站排版非常重要,使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。
(2)垂直导航栏
代码如下
垂直导航栏- 主页
- 新闻
- 联系
- 关于
垂直导航栏
垂直导航栏垂直导航栏垂直导航栏垂直导航栏垂直导航栏垂直导航栏垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
body{
margin:0;
}
ul{
padding:0;
margin:0;
list-style-type:none;
width:25%;
background-color:#f1f1f1;
position:fixed;
height:100%;
top:0;
overflow:auto;
/* border:1px solid #000; */
}
/* ul>li:not(:last-child){
border-bottom:1px solid #000;
} */
ul a{
display:
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！