使用CSS实现双下划虚线

今天一个朋友问如何使用CSS实现双下划虚线,我就被问住了。

我知道结合border-bottom: 2px dashed black和text-decoration:underline可以实现双下划实线

最后通过请教一个朋友才知道通过

.article{border-bottom:1px dotted #333;}

.article:after{height:1px;content:'';display:block;border-top:1px dotted #333;}

<p class="article">asdasdijqwiodjasoqwjepasojdqwoper</p>

实现,after这个伪类主流浏览器基本都支持,不过这个还是只适合单行的情况,对于多行就比较困难了。

你可能感兴趣的:(css,双下划虚线)