我们要先做一个容器(要求:ID为“nav”,宽度为960px,高度为35px,位于页面水平正中,与浏览器顶部的距离是30px;),这个容器就是放置我们的导航的盒子~代码如下:
HTML代码:
<div id="nav"></div>
#nav{
width:960px;
height:35px;
background:#CCC;/*为了便于查看区域范围大小,故而加个背景色*/
margin:0 auto;/*水平居中*/
margin-top:30px;/*距离顶部30px*/
}
body,div{padding:0; margin:0;}
HTML代码
<div id="nav">
<ul>
<li>W3Cfuns</li>
<li>厘米学院</li>
<li>培训课程</li>
<li>我要充电</li>
<li>前端职业生涯</li>
<li>课程答疑</li>
</ul>
</div>
#nav ul{
width:960px;
height:35px;
}