导航条（导航条在制作网页封面的时候经常会用到）：
链接学习：
实用导航条代码（一个超实用的导航条
，可以用图片代替li的背景色）：
<style type="text/css";> //css
#nav{
width:960px;
height:35px;
background:#CCC;/*为了便于查看区域范围大小，故而加个背景色*/
margin:0 auto;/*水平居中*/
margin-top:30px;/*顶部30px*/
}
body,div{padding:0; margin:0;}
#nav ul{
width:960px;
height:35px;
}
#nav ul li{ float:left; list-style:none; width:100px; line-height:35px; text-align:center; padding:0 10px;}
a{font-size:12px;}
#nav ul li a{color:#333; text-decoration:none; height:35px; text-decoration:none; background:#0FF; display:block;float:left;padding:0 10px;}
#nav ul li a:hover{background:#000;; text-decoration:underline; color:#FFF}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href=#>CSS学习</a></li>
<li><a href=#>学前准备</a></li>
<li><a href=#>入门教程下载</a></li>
<li><a href=#>提高教程</a></li>
<li><a href=#>布局基础教程</a></li>
<li><a href=#>精彩应用</a></li>
</ul>
</div>
</body>
链接学习：
扫一扫
7095
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
