当前位置: 代码迷 >> HTML/CSS >> 使用CSS实现双上划虚线
  详细解决方案

使用CSS实现双上划虚线

热度:370   发布时间:2012-08-21 13:00:21.0
使用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这个伪类主流浏览器基本都支持,不过这个还是只适合单行的情况,对于多行就比较困难了。

  相关解决方案