CSS | text-decoration 属性

text-decoration 属性用于设置文本的下划线、删除线、上划线或效果线。

语法

text-decoration: none|underline|overline|line-through|initial|inherit;

属性值

• none：默认值，无修饰线。
• underline：设置下划线。
• overline：设置上划线。
• line-through：设置删除线。
• initial：将属性重置为默认值。
• inherit：继承父元素的属性值。

实例

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  text-decoration: overline;
}

p {
  text-decoration: line-through;
}

以上代码将 a 元素的文本设置为无下划线，当鼠标悬停在 a 元素上时，文本将有下划线。

将 h1 元素的文本设置为上划线，将 p 元素的文本设置为删除线。

兼容性

text-decoration 属性在所有主流浏览器中均有良好的兼容性。

您可以通过 Can I Use 查看 text-decoration 属性的兼容性。