欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

Css text-decoration-color属性怎么用

发布时间:2019-05-29  编辑:杨雨个人博客网站   点击:   

Css text-decoration-color属性用于设置文本修饰(下划线、上划线、中划线)的颜色。注只有先在元素上设置可见的text-decoration属性,text-decoration-color属性才起作用。

Css text-decoration-color属性怎么用

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>

效果图:

1.jpg 本文地址:http://itbyc.com/web/css3/21208.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1