CSS做个导航栏代码（html5的css导航栏）
本文目录一览：
如何用DIV+CSS做漂亮的横排导航栏
先码好导航栏所需要的基本的HTML代码
这个就不必多说具体的代码如下：
html
head
title横向导航栏/title
style
!----
/style
/head
body
div class="dd92-16f1-e534-607d nav"
ul
lia href="#"首页/a/li
lia href="#"导航1/a/li
lia href="#"导航2/a/li
lia href="#"导航3/a/li
lia href="#"导航4/a/li
lia href="#"导航5/a/li
lia href="#"导航6/a/li
/ul
/div
/body
/html
用CSS如何做导航条？
单独的css是无法完成导航条的，需要结合html，一般导航条的制作都是通过一个div包裹着ul，使用li来排列完成导航条的html部分，css中，我们需要给这个div宽高，还需要设置好li的宽，高，还有一个float属性，这样基本上导航条就制作完成，请看代码：
html
head
style
#div1{
width:600px;
height:40px;
font-size:13px;
}
#div1 ul li{
list-style:none;
width:50px; //具体的高宽需要根据实际要求
height:30px;
}
/head
body
div id='div1'
ul
lia href=''目录1/a/li
lia href=''目录2/a/li
lia href=''目录3/a/li
lia href=''目录4/a/li
/ul
/div
/body
/html
css一个导航栏该怎么做
网站上一般都是利用css来做的。具体的做法：
1、将导航栏里面的几个条目都做成无序列表里面的项
2、利用css将列表项的list-style,float等等属性设置，使列表项横排排列。
3、设置链接的属性就可以了。
一般都是这样做的，利用图片或者flash的话，网页会变大一点，对于网速慢的人来说，不方便访问。所以在能利用css的地方就尽量避免用图片或者falsh
怎么用html+css做一个导航条
首先建立一个DIV，为其命名为“nav”，在DIV中建立一个ul无序列表，导航共有几个栏目，就为列表添加几个li的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项li标签设置左浮动的样式，代码为：li {float:left;}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
导航条的更多样式及详细步骤可去这里参考
怎么用html+css做一个导航条？
首先要建立一个DIV，为其命名为“nav”，在DIV中建立一个ul无序列表，导航共有几个栏目，就为列表添加几个li的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项li标签设置左浮动的样式，代码为：li {float:left;}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
