text-decoration属性的值有哪些

在CSS中，text-decoration属性用于设置文本的装饰效果，它可以为文本添加下划线、删除线、上划线等多种样式，使文本呈现出不同的视觉效果。下面我们来详细了解一下text-decoration属性的常见值。

1. none

“none”是text-decoration属性的默认值，表示不添加任何文本装饰。当我们想要去除文本的默认下划线（如链接的下划线）时，就可以使用这个值。例如：

a {
  text-decoration: none;
}

这样，页面中的链接就不会显示下划线了。

2. underline

“underline”值用于为文本添加下划线。这是最常见的用途之一，常用于强调文本或表示链接。示例代码如下：

p {
  text-decoration: underline;
}

使用这个值后，段落中的文本就会显示下划线。

3. overline

“overline”值会在文本上方添加一条上划线。上划线在实际应用中相对较少，但在某些特定的设计需求中可能会用到。例如：

h1 {
  text-decoration: overline;
}

这样，一级标题就会显示上划线。

4. line-through

“line-through”值用于给文本添加一条贯穿中间的删除线，通常用于表示文本被删除或不再有效。比如在电商平台上显示原价时，可以使用删除线来表示该价格已失效。示例如下：

span {
  text-decoration: line-through;
}

5. 组合使用

text-decoration属性还可以同时使用多个值，用空格分隔。例如：

h2 {
  text-decoration: underline overline;
}

这样，二级标题就会同时显示上划线和下划线。

text-decoration属性提供了多种值来满足不同的文本装饰需求，合理运用这些值可以使网页文本更加丰富和美观。