HTML怎么给文本添加删除线？「代码示例」
引言
在一些文档中经常会使用删除线来表示某个文字、数字或其他内容的删除，一般是因为这部分的信息已经过时或者不再需要。删除线在HTML中是通过一个叫做的标签来实现的，使用这个标签可以给文本添加单条删除线，让内容显得更加清晰。
HTML中的标签
在HTML中，标签可以用来表示被删掉的内容，比如误打误撞的错误信息或者早已过时的优惠活动等等。在设定这个标签的时候，可以使用如下代码：
<s>被删除的内容</s>
通过这种方法，被删掉的内容就可以添加一条删除线了。我们来看一下这个标签应该如何使用。
一、HTML中添加一条删除线的标签的代码
HTML 中添加一条删除线，只需在要添加删除线的元素上添加 与 标签
<p>这是一条删除线</p>
二、CSS中实现删除线的样式
除了HTML的删除线标签，我们还可以使用CSS来实现删除线样式的设计。我们可以通过对添加删除线的元素进行装饰来实现删除线的样式，达到更细致的效果。这种方法可以通过 text-decoration 属性添加:
.line-through{
text-decoration:line-through;/*文字添加删除线*/
}
.text-delete{
color:#000;text-decoration:line-through;/*文字添加删除线并且彩色*/
}
其中，属性值 line-through 表示在添加删除线时，线条以连续的形式画出，属于比较普遍的一种方式。除了 line-through，text-decoration 还支持 overline（上划线）与 underline（下划线）。我们可以通过适当的调整删除线线条的颜色等样式，来达到不同的设计效果。
三、HTML与CSS结合实现删除线的样式
结合HTML和CSS，我们不仅可以实现添加删除线的效果，还可以别具一格地对删除线进行装饰。下面是一个HTML代码示例：
<p class="text-delete">被删除文字</p>
我们可以使用上一节的 CSS 样式对这个HTML代码进行装饰，来优化删除线的样式
.text-delete{
color:blue;
text-decoration:line-through;
}
.text-delete:hover{
color:red;
text-decoration:line-through;
}
可以看出，通过这种方式，用户可以在悬停时看到一个删除线带着红边框的样式，这让用户更清晰地意识到这部分内容已经被便开始删掉了。
总结
删除线可以用来表示文本、数字或者其他内容的删除，HTML 语言提供了删除线标记的功能。在实际应用中，通常结合CSS样式，来实现更多元化的样式设计，从而达到优化页面效果的目的。在对于删除线的设计中，需要根据具体的情景，来适当进行调整和装饰。