首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

使用CSS实现双上划虚线

2012-08-21 
使用CSS实现双下划虚线今天一个朋友问如何使用CSS实现双下划虚线,我就被问住了。我知道结合border-bottom:

使用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这个伪类主流浏览器基本都支持,不过这个还是只适合单行的情况,对于多行就比较困难了。

热点排行