导航条槽状分割线用css怎么做
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了导航条槽状分割线用css怎么做相关的知识，希望对你有一定的参考价值。
就是这种样式的分割线，css代码怎么写
就可以了
也可以用图片来做，图片做出来的效果比较美观
给每个li 后面加个<SPAN>里面加入图片</span> 在吧span 浮动为左浮动 参考技术A 方法很多，建议使用：
给ul一个背景色,然后设置li外边距margin-right:1px; 参考技术B 其实你仔细看会发现这只是两条边框，视觉上看起来像是槽状分割线，可以给
ul加border-bottom:1px solid #777; 然后给li加上border-bottom:1px solid #fff;本回答被提问者和网友采纳 参考技术C <ul><li>新闻公告</li></ul>
ulmargin-left:-1px/*去掉第一个文字的第一条线*/
liwidth:80px;border-left:1px solid #cf0000; 参考技术D 把那条线切成图片，然后给li用这个图片做背景，不重复no-repeat 靠右right
以上是关于导航条槽状分割线用css怎么做的主要内容，如果未能解决你的问题，请参考以下文章