css下划线颜色修改

CSS可以很方便地修改下划线的颜色和样式，下面我们来介绍一下如何修改下划线的颜色。

a {
   text-decoration: underline;
   text-decoration-color: red;
}

在上面的代码中，我们设置了a标签的下划线样式为实线，颜色为红色。下划线的颜色属性是text-decoration-color，它默认是inherit，也就是继承父元素的颜色。

a:hover {
   text-decoration-color: blue;
}

还可以设置鼠标悬停时的下划线颜色，通过:hover伪类选择器来实现。在上面的代码中，我们设置了a标签鼠标悬停时的下划线颜色为蓝色。

a {
   border-bottom: 1px solid green;
}

除了使用text-decoration-color属性来修改下划线颜色外，还可以通过border-bottom属性来设置，如上面的代码所示。这种方式会覆盖text-decoration-color的设置，所以要注意。

总之，使用CSS修改下划线颜色非常简单，只需要几行代码就能轻松实现。