[分享]css下划线改颜色

在 CSS 中，下划线是通过“文本装饰线”（textdecorationline）属性来添加的。下划线是在文本中创建一条横线，通常用于链接或其他交互元素。如果您想要更改下划线的颜色，可以使用“文本装饰...

在 CSS 中，下划线是通过“文本装饰线”（text-decoration-line）属性来添加的。下划线是在文本中创建一条横线，通常用于链接或其他交互元素。如果您想要更改下划线的颜色，可以使用“文本装饰颜色”（text-decoration-color）属性。

a {
  text-decoration-line: underline; /* 添加下划线 */
  text-decoration-color: red; /* 将下划线颜色设置为红色 */
} 

在上面的示例中，我们将下划线的颜色设置为红色。您可以将“text-decoration-color”替换为任何其他颜色值，例如：green（绿色）、blue（蓝色）或#000000（黑色）。

请注意，在某些浏览器中，只支持“text-decoration”属性，该属性可以同时设置下划线、删除线和闪烁。因此，如果您想要更改下划线的颜色并且不支持“text-decoration-color”属性，请使用以下代码：

a {
  text-decoration: underline red; /* 添加下划线，并将下划线颜色设置为红色 */
} 

通过这些属性，您可以轻松地改变下划线的颜色，以满足您对网站设计的需求。