CSS 中用于为文本添加下划线、上划线和删除线的属性是哪个

在CSS（层叠样式表）中，用于为文本添加下划线、上划线和删除线的属性分别是text-decoration属性的不同取值。

下划线 - text-decoration: underline

text-decoration: underline用于为文本添加下划线。下划线在网页设计中有多种用途，比如用于强调链接，让用户直观地知道哪些文本是可点击的。示例代码如下：

a {
  text-decoration: underline;
}

在上述代码中，所有的链接都会显示下划线。不过，需要注意的是，在现代网页设计中，有时为了简洁美观，会对链接的默认下划线进行修改或去除。

上划线 - text-decoration: overline

text-decoration: overline 用于为文本添加上划线。上划线相对下划线使用频率较低，但在某些特定的设计场景中，如突出标题或特殊文本内容时，可能会用到。例如：

h1 {
  text-decoration: overline;
}

这段代码会让所有一级标题都显示上划线。

删除线 - text-decoration: line-through

text-decoration: line-through用于为文本添加删除线。删除线常用于表示商品价格的原价（当有折扣时），或者表示某些文本内容已被删除或不再有效。示例如下：

.discounted-price {
  text-decoration: line-through;
}

上述代码会给带有discounted-price类的元素添加删除线。

组合使用与其他注意事项

text-decoration属性还可以组合使用，比如同时添加下划线和上划线。还有text-decoration: none用于去除文本的默认装饰，如链接的下划线。在实际应用中，要根据设计需求合理使用这些属性，避免过度装饰导致页面混乱。也要考虑不同浏览器对这些属性的兼容性，确保页面在各种浏览器中都能正确显示。掌握text-decoration属性的使用，能让我们更灵活地对文本进行装饰，提升网页的视觉效果和用户体验。