css怎么做导航（用div和css做导航条）
本文目录一览：
CSS导航怎么做
是百度空间吧？
我估计是这样：
这一张图片就把那五个词包含了。
导航栏原本的字实际颜色为透明。
然后就是导航栏竖排问题。
这个，最简单的方法就是：
header {width:100px} /*header宽度100px
tab a {width:60px} /*单一按钮宽度，只要两个按钮宽度和超过100就行
这只是一个举例。为了与图片上的字完全合衬上，你得一遍遍试验。
怎么用html+css做一个导航条？
首先要建立一个DIV，为其命名为“nav”，在DIV中建立一个ul无序列表，导航共有几个栏目，就为列表添加几个li的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项li标签设置左浮动的样式，代码为：li {float:left;}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
CSS 怎么做百度导航
导航栏区域 tab部分
#tabline{top:415px;background-color:#......}——菜单下方的横线，即分隔符，用来与空间名称分开
TAB菜单栏（主页/博客/相册/好友/设置那一行）下边的分隔线的位置和颜色，top后边的数字是指分割线离空间标题栏上边界的距离，这个数字要根据标题栏的高度和菜单的位置（是与图片重叠或位于图片下方）来决定。
#tab{top:390px}——TAB菜单栏的位置，主页/博客/相册/好友/为菜单栏，top后边的数字是指距空间标题栏上边界的距离。（菜单栏的高度比标题栏高度小20px模块位置标准）
#tab{top…px;background-color(…)}——菜单栏颜色
#tab{top…px;background：url(图片地址)}——菜单栏图片
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:20px;background-color:#......;color: #……;font-size:14px;font-weight:bold;}
TAB菜单被选中后的状态，文字的位置，文字后边背景的颜色，文字颜色，字号等等。(选中主页选项，margin-top:2px,主页字体离菜单栏上边的距离，background:#：主页文字后面背景图片或颜色，color: #：主页字体颜色)
被选中后如果要边框，在 margin-top:2px 后面加上 border-left:0px solid #00CCFF;border-right:0px solid #00CCFF;border-top:0px solid #00CCFF;
border-left:0px solid #00CCFF 菜单栏，主页，相册等被选中之后，文字左边边框的颜色
border-right:0px solid #00CCFF 菜单栏，主页，相册等被选中之后，文字右边边框的颜色
border-top:0px solid #00CCFF 菜单栏，主页，相册等被选中之后，文字上边边框的颜色
border-bottom:1px solid #DE1010 菜单栏，主页，相册等被选中之后，文字下边边框的颜色
#tab span{color:#F93A60;font-size:14px}——TAB菜单中间的分隔符(竖线)的颜色和大小
#tab a:link{color:#......;text-decoration:none;font-size:14px}——(未被点击)
TAB菜单未被选中时的状态，文字颜色，其它定义，字号。（这条没反应，下面那条可以设置菜单栏文字颜色，字号）
用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导航栏怎么制作
导航栏=链接列表
作为标准的HTML基础一个导航栏是必须的
。在我们的例子中我们将建立一个标准的HTML列表导航栏。
导航条基本上是一个链接列表，所以使用 ul 和 li元素非常有意义：
ul
lia href="#home"主页/a/li
lia href="#news"新闻/a/li
lia href="#contact"联系/a/li
lia href="#about"关于/a/li/ul
从列表中删除边距和填充：
ul {
list-style-type: none; margin: 0; padding: 0;}
