文本装饰

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;
}

无非要留意的是，要是两个不同的装潢都与对抗元素成家，胜出规则的值会彻底经办另外一个值。请思虑以下的规则：

h2.stricken {
    text-decoration: line-through;
}

h2 {
    text-decoration: underline overline;
}
    

对付给定的划定规矩，悉数 class 为 stricken 的 h2 元素都只需一个领悟线装璜，而不有下划线和上划线，因为text-decoration 值会革新而不是积累起来。

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