用CSS写导航条的分割线

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用CSS写导航条的分割线相关的知识,希望对你有一定的参考价值。

请问这样的导航用CSS怎么实现?

有人说用右边框,那怎么设置宽度和最后的一个右边框怎么取消?
用“|”,那怎么和前面的文字拉开距离?
源文件只用了a标签和“|”,可是我自己写代码时却怎么都拉不开距离,求大神救

参考技术A 最后一个取消的方法很简单啊

两种方法

1:单独设置class 写一个border:none;
2:li:lastborder:none;追问

我用li写了,可是文字和分割线贴的紧紧的,我想像图上一样隔开要怎么办啊

本回答被提问者采纳

以上是关于用CSS写导航条的分割线的主要内容,如果未能解决你的问题,请参考以下文章

导航条槽状分割线用css怎么做

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

__x__(30)0908第五天__导航条的练习

附加导航

iOS 导航条的基本用法

代码笔记iOS-导航条的标题(label)