CSS 下划线颜色 - HTML

在 HTML 中，我们可以使用 CSS 来控制下划线的颜色。下划线是一个常见的文本装饰，通常用于链接或者标题的下划线。

下面是一些在 CSS 中设置下划线颜色的方法：

1. text-decoration-color 属性

text-decoration-color 属性用于设置下划线的颜色。它可以接受任何有效的 CSS 颜色值，如颜色名称、RGB、HEX 或 HSL 值等。

text-decoration-color: red;

2. border-bottom 属性

我们还可以使用 border-bottom 属性来创建下划线。与 text-decoration-color 属性不同的是，border-bottom 不仅可以设置颜色，还可以控制下划线的宽度和样式。

border-bottom: 1px solid red; 

3. ::after 伪元素

我们还可以使用 ::after 伪元素来创建下划线。::after 可以在元素的内容之后插入一个伪元素，这个伪元素可以用 CSS 样式来设置。

a::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: red;
}

以上是三种常见的设置下划线颜色的方法。在实际应用中，我们可以根据具体情况来选择最适合的方法。