时间：2021-07-01 10:21:17 帮助过：67人阅读
css text-decoration-color属性怎么用？
text-decoration-color 属性规定文本修饰（下划线 underline、上划线 overline、中划线 line-through）的颜色。
注意：只有在带有可见的 text-decoration属性的元素上，text-decoration-color 属性才起作用。
语法：
text-decoration-color: color|initial|inherit;
属性值：
● color：规定文本修饰的颜色。
● initial：设置该属性为它的默认值。
● inherit：从父元素继承该属性。
说明：几乎所有的主流浏览器都不支持 text-decoration-color 属性。Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。
css text-decoration-color属性 示例
<!DOCTYPE html>
<html>
<head>
<style>
p
{
text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */
}
</style>
</head>
<body>
<p>
线条的颜色现在应该是红色！
</p>
<p><b>注意：</b>几乎所有的主流浏览器都不支持 text-decoration-color 属性。</p>
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。</p>
</body>效果图：
以上就是css text-decoration-color属性怎么用的详细内容，更多请关注Gxlcms其它相关文章！