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

答案:3 悬赏:40 手机版

解决时间 2021-04-28 05:47

提问者网友：姑娘长的好罪过
2021-04-27 13:19

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

最佳答案

五星知识达人网友：动情书生
2021-04-27 14:58

直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：
border-bottom:1px dashed #000;这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。

全部回答

1楼网友：上分大魔王
2021-04-27 16:27

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

2楼网友：孤老序
2021-04-27 16:03

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凸边

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！