首先建立一个DIV,为其命名为“nav”,在DIV中建立一个<ul>无序列表,导航共有几个栏目,就为列表添加几个<li>的列表项,为每个列表项中的内容加上超链接,链接到所需的项目页面。
然后设置CSS样式,为列表规定宽度和高度,去掉列表前面的符号,代码为:
ul {width:宽度值;height:高度值; list-style:none;}
如果是横向导航,还需为里面的列表项<li>标签设置左浮动的样式,代码为:li {float:left;}
每个栏目之间分隔的距离可通过margin(外边距)属性来设置。
html代码:
<div id=”nav”>
<ul>
<li>CSS学习</li>
<li>学前准备</li>
<li>入门教程</li>
<li>提高教程</li>
<li>布局教程</li>
<li>精彩应用</li>
</ul>
</div>
css代码:
#nav ul{
width:960px;
height:35px;
}
css3的3d旋转,css为白色,css单位长度转换,css版最后的呼吸,css文字环绕英文不行,css制作图片轮播代码,css最高清地图