CSS删除线HTML文本

在网页设计中，我们可能需要在文本上添加删除线以表示已过期或不再适用的内容。在CSS中，我们可以使用text-decoration属性来实现这个效果。本文将介绍如何使用CSS在HTML文本中添加删除线。

HTML代码

在HTML中添加删除线很简单，只需将需要添加删除线的文本放在<del>标记中即可。例如：

<p>这段文字将被删除线穿过：<br><del>已过期的内容</del></p>

CSS的text-decoration

text-decoration属性是CSS中用于添加文本修饰符的属性之一，它可以控制文本的下划线、删除线、上划线以及文本闪烁等效果。要在文本中添加删除线，请使用以下CSS代码：

del {
    text-decoration: line-through;
}

上面的CSS代码将选中所有<del>标记并将它们的文本添加删除线。

添加颜色和样式

我们还可以通过修改text-decoration的其他属性来改变删除线的颜色、宽度和样式。以下CSS代码可以添加一个红色的删除线，并将其样式设置为 dotted：

del {
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-style: dotted;
}

总结

在CSS中，我们可以通过text-decoration属性轻松地在HTML文本中添加删除线。如果需要更改删除线的颜色和样式，我们可以使用其他text-decoration属性来实现。

以上介绍了如何使用CSS在HTML文本中添加删除线，希望对您有所帮助！