给文本添加删除线有三种方式，一种是CSS中的文本修饰样式，另一种是s/s标签，最后一种是del/del标签。

方法1:在CSS中使用文本修饰来设置删除线样式

示例说明：在span标签中设置要删除的商品价格，给span标签一个类名p，添加CSS样式的文字装饰：线透，可以实现。具体代码如下：

！DOCTYPEhtml

超文本标记语言

头

metharset=' UTF-8 '

标题/头衔

styletype='text/css '。p { text-decoration : line-through；}

/style

/head

身体

p深层补水面膜30片原价span class=' p' 399/span/p

p双十一面膜30片299/p

/body

/html

效果图：

想象一下aa.jpg

方法2:删除html中带有s的标签

示例描述：您可以使用html中的s标记直接在文本中添加删除线。具体代码如下：

！DOCTYPEhtml

超文本标记语言

头

metharset=' UTF-8 '

标题/头衔

/head

身体

这种产品的原价是999英镑/秒

p当前价格499/p

/body

/html

效果如图所示：

想象一下bb.jpg

方法3:删除html中带有del的标签

示例描述：del标签和s标签一样，可以给文本添加删除线，使用简单方便。具体代码如下：

！DOCTYPEhtml

超文本标记语言

头

metharset=' UTF-8 '

标题/头衔

/head

身体

p电视机原价del 4000/del/p/p

p电视剧现价2999/p

/body

/html

效果如图所示：

让我们想象CC.jpg

总结：文本加删除线有三种方式，html中的del标签和S标签，以及文本修饰：CSS中的穿行样式。直接使用html标签很方便。至于选择哪种方法，要看个人习惯和工作需要。希望这篇文章对你有帮助！

本文转载自中文网站