日期:2014-05-17 浏览次数:21086 次
今天一个朋友问如何使用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这个伪类主流浏览器基本都支持,不过这个还是只适合单行的情况,对于多行就比较困难了。