css text-decoration 颜色

CSS的 text-decoration 属性用于添加文本修饰，比如下划线、删除线、上划线等等。在默认情况下，这些修饰都是黑色的，但可以通过 CSS 控制调整颜色。

text-decoration-color 属性可以用来设置文本修饰的颜色。它可以与 text-decoration-line 属性一起使用，来定义不同颜色的文本修饰线。以下是一个例子。

p {
    text-decoration-line: underline;
    text-decoration-color: red;
}

以上代码将设置段落的下划线颜色为红色。

在该属性被引入之前，如果想改变文本修饰颜色，必须用其他取巧的方法来实现。例如，可以使用文本阴影来模拟一个不同颜色的下划线。

p {
    text-shadow: 0px 1px 0px blue;
}
    

以上代码将在段落下方添加一个蓝色的文本阴影，从而实现了不同颜色的下划线效果。

然而，使用 text-decoration-color 属性能够更加简单和直接地实现这种效果。所以，如果想改变文本修饰的颜色，建议使用 text-decoration-color 属性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！