CSS 标签 `` 下划线样式的全面指南334

要设置下划线颜色，请使用 `text-decoration-color` 属性：```css
a {
text-decoration: underline;
text-decoration-color: #ff0000;
}
```

`text-decoration-color` 属性接受十六进制颜色值、RGB 或 RGBA 值或 CSS 颜色名称。此属性允许您为下划线设置自定义颜色以匹配您的设计。

设置下划线类型

要定义下划线的类型，请使用 `text-decoration-line` 属性：```css
a {
text-decoration: underline;
text-decoration-line: dashed;
}
```

`text-decoration-line` 属性接受以下值：* `none`：与 `text-decoration: none` 相同。
* `underline`：常规下划线（默认值）。
* `overline`：在文本上方绘制一条直线。
* `line-through`：在文本中间绘制一条直线。
* `blink`：使下划线闪烁（在现代浏览器中不受支持）。

设置下划线样式

最后，`text-decoration-style` 属性控制下划线的样式：```css
a {
text-decoration: underline;
text-decoration-style: dotted;
}
```

`text-decoration-style` 属性接受以下值：* `solid`：绘制一根实线（默认值）。
* `double`：绘制两条平行实线。
* `dotted`：绘制一系列点。
* `dashed`：绘制一系列短线。
* `wavy`：绘制一条波浪线。