一、CSS导航栏
(1)导航栏的作用
熟练使用导航栏,对于网站排版非常重要,使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。
(2)垂直导航栏
<1>代码如下
垂直导航栏 主页新闻联系关于
垂直导航栏
垂直导航栏垂直导航栏垂直导航栏垂直导航栏垂直导航栏垂直导航栏垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
垂直导航栏
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: