css中的 text-decoration属性怎么用

这篇文章给大家分享的是有关css中的 text-decoration属性怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

text-decoration 属性，这是一个很有含意的属性，它供应了很多颇为滑稽的举动。

text-decoration 有 5 个值：

• none

• underline

• overline

• line-through

• blink

不出所料，underline 会对元素加下划线，就像 HTML 中的 U 元素一样。overline 的浸染恰恰相反，会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯串线，等价于 HTML 中的 S 和 strike 元素。blink 会让文本闪灼，类似于 Netscape 赞成的颇招非议的 blink 符号。

none 值会封闭原本使用到一个元素上的全体装璜。一般，无装饰的文本是默认外面，但也不总是何等。好比，链接默许地会有下划线。假如您渴想去掉超链接的下划线，可使用以下 CSS 来做到这一点：

a {text-decoration: none;}

留心：要是显式地用多么一个规则去掉链接的下划线，那么锚与畸形文本之间在视觉上的仅有差别即是颜色（至少默许是多么的，不外也不克不及彻底保证其颜色必定有分辨）。

还可能在一个划定规矩中松散多种装璜。若是祈望所有超链接既有下划线，又有上划线，则规定如下：

a:link a:visited {text-decoration: underline overline;}

不外要把稳的是，如果两个不合的装璜都与抗衡元素完婚，胜出规定的值会完全接替另外一个值。请思量以下的规则：

h3.stricken {text-decoration: line-through;}
h3 {text-decoration: underline overline;}

关于给定的规定，一切 class 为 stricken 的 h3 元素都只有一个畅通领悟线装饰，而不有下划线与上划线，因为 text-decoration 值会改换而不是累积起来。

感谢各位的阅读！关于“css中的 text-decoration属性怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！