网页导航栏制作：怎么为网页添加导航栏

详细介绍方法/步骤

制作导航栏容器

制作一个带有导航条的容器，容器名称为nav，容器宽度为1000px，容器高度为30px，背景明亮

颜色为灰色，相关代码如下：

#nav

{

宽度width:1000px

height:30px

背景# ccc

margin:0 auto

margin-top :50 px；

}

div id="nav"/div

显示结果

浏览器中显示的结果如下图所示：

在容器中放一些导航条

导航条代码如下：

保险商实验所

li模块1 /li

li模块2 /li

李模块三/李

李模块四/李

li模块5 /li

li模块vi /li

/ul

为导航栏添加一些属性

style type="text/css "

#nav

{

宽度width:1000px

height:30px

背景# ccc

margin:0 auto

margin-top :50 px；

}

#nav ul

{

宽度width:960px

height:35px

}

#nav ul li

{

float:left

宽度width:100px

float:left

list-style : none；

背景：黄色；

线高：35 px；

}

/style

浏览器页面导航栏的显示结果如下图所示：