text-decoration-color 是 CSS3 中的属性,用于设置文本修饰(如下划线、删除线等)的颜色。该属性可以独立使用,也可以与 text-decoration 结合使用。

以下是一些常见的用法:

1. 设置文本下划线颜色:
   p {
     text-decoration: underline;
     text-decoration-color: red;
   }

   在这个例子中,文本下划线的颜色将会是红色。

2. 设置文本删除线颜色:
   p {
     text-decoration: line-through;
     text-decoration-color: blue;
   }

   这样设置会使文本中的删除线颜色变为蓝色。

3. 同时设置下划线和删除线颜色:
   p {
     text-decoration: underline line-through;
     text-decoration-color: green;
   }

   在这个例子中,文本下划线和删除线的颜色都将是绿色。

请注意,text-decoration-color 的兼容性可能有所不同,具体取决于浏览器。在使用这个属性时,最好进行兼容性测试,或者提供备用方案以确保在各种浏览器中都有良好的显示效果。


转载请注明出处:http://www.zyzy.cn/article/detail/6136/CSS