CSS 字体下划线 text-decoration 属性

代码

text-decoration设置为underline。

<div style="text-decoration: underline;">点击</div>

text-underline

• text-underline-offset：控制下划线与文字基线的垂直距离，支持正负值调整位置。 ‌
• text-decoration-style：dash | dotted | wavy等。
• text-decoration-color：颜色。

示例

给p标签设置下划线及其属性。

p {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-style: wavy;
    text-underline-color: blue;
}