Question

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

我想做个CSS想让文字的下划线是虚线,请问怎么实现啊?谢谢
我说的是文字,不是表格边框啊,还有啊,我说是给文字加虚线的下划线,怎么加?

Answer 1

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

border-bottom:1px dashed #000;

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

Answer 2

border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
取值：
none :　 默认值。无边框。不受任何指定的 border-width 值影响
hidden :　 隐藏边框。IE不支持
dotted :　 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed :　 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid :　 实线边框
double :　 双线边框。两条单线与其间隔的和等于指定的 border-width 值
groove :　 根据 border-color 的值画3D凹槽
ridge :　 根据 border-color 的值画菱形边框
inset :　 根据 border-color 的值画3D凹边
outset :　 根据 border-color 的值画3D凸边

Answer 3

楼上这个是边框吧。。。
用这个
text-decoration: underline;