html5列表的竖线加圆点怎么做

html5列表的竖线加圆点怎么做,第1张

css给定一个竖线,然后写几个原点,定位到竖线上去,如果感觉竖线和原点有空隙,可以给原点加个跟背景色一样的边框,就好了。

你想实现的这种方式,可以给没一条信息里面写一个圆点,然后定位,就能实现了。不管上下距离多大,圆点都会在竖线上,并且跟信息条目在一条线上

这个效果一般不用边框来设置的,而是用一个标签或者竖线来实现的

<style>.nav span{ display:blockheight: 20pxwidth: 1pxbackground: #333}</style>

<ul class="nav">

<li><a href="">a</a></li>

<li><span></span></li>

<li><a href="">b</a></li>

</ul>

<!-- 或者 http://www.hi-docs.com/css.html-->

<ul class="nav">

<li><a href="">a</a></li>

<li><span>|</span></li>

<li><a href="">b</a></li>

</ul>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7297186.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存