css用背景图片制作导航栏分割线

html-css012

css用背景图片制作导航栏分割线,第1张

首先，一般做导航条，都是通过ul、li来做，将ul包裹在一个div中，然后设置好width和height，分隔线，换个理解，给li一个右边的边框就可以了，通过代码来理解：

<html>

<head>

<style>

#div1{

width:960px

height:30px

}

#div1 ul li{

float:left

width:60px

height:30px

border-right:1px solid

}

</style>

</head>

<body>

<div id='div1'>

<ul>

<li>muli1</li>

<li>muli1</li>

<li>muli1</li>

<li>muli1</li>

</ul>

</div>

</body>

</html>

你的CSS.RAR下载不下来，看不到源码！

你看你的a:hover伪类书写顺序是否正确，争取的书写顺序是：a:link->a:visited->a:hover->a:active如果你的CSS规则书写顺序不正确，样式可能无效。

另外要隐藏导航上面的文字直接在a标签的CSS属性里加text-indent:-2000em就行了。

【已经修正，请给邮箱地址】