css中的text-decoration-color是做什么用的？

在CSS中，text-decoration-color 属性用于设置文本装饰（如下划线、上划线、删除线等）的颜色。这允许你改变这些装饰的颜色，而不仅仅是使用文本的默认颜色。

例如，如果你有一个带有下划线的链接，并希望下划线的颜色与链接文本的颜色不同，你可以使用 text-decoration-color 属性来实现这一点。

下面是一个简单的示例：

a {
  color: black; /* 设置链接文本的颜色 */
  text-decoration: underline; /* 给链接添加下划线 */
  text-decoration-color: red; /* 设置下划线的颜色为红色 */
}

在这个示例中，链接文本的颜色是黑色，而下划线的颜色是红色。请注意，text-decoration-color 属性仅在同时设置了 text-decoration 属性（用于指定要应用的装饰类型）时才有意义。

这个属性是CSS Text Decoration Level 3规范的一部分，因此在较新的浏览器中得到了很好的支持。然而，在使用它之前，最好检查你的目标浏览器是否支持这个属性。