修改CSS下划线颜色

在CSS中，我们可以使用text-decoration属性来设置文本装饰效果，其中包括下划线。下面我们来看看如何修改下划线的颜色。

首先，我们需要给要添加下划线的文本添加一个类名，以便于在CSS中选择：

 <p class="underline">需要下划线的文本</p> 

接着，在CSS中使用以下代码来设置下划线颜色：

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

上面的代码中，我们使用了text-decoration-color属性来设置下划线的颜色，这里我们设置为红色。当然，你可以根据需要将其设置为任何颜色。

如果你想要同时设置下划线的样式和颜色，我们可以使用text-decoration-style属性和text-decoration-color属性组合：

 .underline {
			text-decoration: underline red;
		} 

上面的代码中，我们将text-decoration属性的值设置为"underline red"，这样可以同时设置下划线的样式和颜色。