网络技术问题 | CSS 测验 |第 2 组 |问题 4

问题描述

在 CSS 中，如何设置文字属性的下划线样式？

解决方案

在 CSS 中，我们可以使用 text-decoration 属性来设置文字的下划线样式。

具体语法如下：

text-decoration: underline;

其中，underline 可以替换为其他的值，例如 none 表示去除下划线，overline 表示设置为上划线，line-through 表示设置为删除线等等。

我们还可以使用 text-decoration-style 属性来设置下划线样式的具体样式，其可选值如下：

• solid：实线样式
• double：双实线样式
• dotted：点状样式
• dashed：虚线样式
• wavy：波浪线样式

具体语法如下：

text-decoration: underline;
text-decoration-style: dashed;

上述代码设置下划线样式为虚线，效果如下：

总结

在 CSS 中，我们可以使用 text-decoration 属性来设置文字的下划线样式，其可选值包括 underline、none、overline、line-through 等等。我们还可以使用 text-decoration-style 属性来设置下划线样式的具体样式，其可选值包括 solid、double、dotted、dashed、wavy 等等。