HTML文本删除线怎么加_HTML del/s标签删除线效果设置

推荐使用标签添加删除线,具有语义化意义,如“原价:100元”;2. 标签可实现类似效果但已废弃,如“促销价:80元”;3. 使用CSS的text-decoration: line-through可自定义样式,如颜色、粗细,更灵活。

在HTML中添加删除线效果,最常用的方法是使用 标签或 标签。这两个标签都能实现文字上的删除线样式,但在语义上略有不同。

1. 使用 标签(推荐)

标签表示被删除的内容,具有语义化意义,适合用于展示文档中被删改的部分。

示例代码:

原价:100元

显示效果:100元

2. 使用 标签(已废弃但仍可用)

标签用于表示不再准确或相关的内容,不强调“删除”动作,语义较弱。HTML5中已不推荐使用,建议用CSS替代。

示例代码:

促销价:80元

显示效果:80元

3. 使用 CSS 实现更灵活的删除线

如果需要更多样式控制(如颜色、粗细),可以使用CSS的 text-decoration: line-through 属性。

示例代码:

自定义删除线样式

显示效果:自定义删除线样式

你也可以在CSS类中定义:


这段文字有删除线

基本上就这些。日常使用推荐 标签保持语义清晰,需要美化时结合CSS更灵活。