css里怎么使得文字的下划线是虚线啊?

html-css012

css里怎么使得文字的下划线是虚线啊?,第1张

直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下:

border-bottom:1px dashed #000

这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。

先在head里加上:

<style type="text/css">

<!--

.aaa {

border-bottom-width: 1px

border-bottom-style: dashed

border-bottom-color: #000

}

-->

</style>

然后要用效果的地方就这样:

<font class="aaa">

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />

ssssssssssssssssssssssssssssssssssssssssss<br />

mmmmmmmmmmmmmmmmmmmmm

</font>

测试过,没有问题~