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

2023-05-13 综合 22阅读
首先,一般做导航条,都是通过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>
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com