css中怎么实现删除线

删除线是在文字上方绘制一条横线，用于突出显示一些旧的或不再适用的文本。 CSS 提供了一个非常简单的方法来添加删除线样式，下面就来了解一下如何实现它。

要在 CSS 中添加删除线，我们可以使用 text-decoration 属性和其中的 line-through 值。代码如下：

del {
  text-decoration: line-through;
}

这里我们使用了 del 元素来添加删除线，不过你也可以使用 span、p 或其他元素。只需要使用对应的标签即可。

使用 text-decoration 属性时，需要注意一些细节：

- text-decoration 是一个常用的属性，不仅仅是用于删除线，还可以用来定义下划线等效果；
- line-through 值可以在其他元素中使用，例如 a 标签；
- 如果你不只是想添加删除线，还要对其进行其他的样式定义，建议将 text-decoration 放在最后，在其它的样式定义后面，可以避免被其他样式影响。

总的来说，CSS 提供了非常简单的方法来添加删除线，只需要一个属性就可以搞定。如果你想在你的网页中强调一些过时的文本，或者提示一些不再适用的内容，那就赶紧加上删除线吧。