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

html-css015

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

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

border-bottom:1px dashed #000

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

<td

style="border-bottom:1px

dotted

#ccc">文字内容</td>

<td

style="border（边框）-bottom（底部）:1px（1像素）

dotted

（虚线）#ccc（颜色）">文字内容</td>

上面这句话的意思是：在这个td里面的样式为

底部边框为1像素颜色为#ccc的虚线

dotted

是虚线

solid

是实线