📜  html中的删除线(1)

📅  最后修改于: 2023-12-03 14:41:59.449000             🧑  作者: Mango

HTML中的删除线

在HTML中,可以通过使用<s><strike>标签来添加删除线效果。这些标签可以用来划掉不需要的文本或标记已过时的内容。

使用标签添加删除线

s标签是HTML中添加删除线的最简单方法。只需将删除线文本包含在s标签之间即可实现删除效果。

<p><s>这是被删除的文本。</s></p>

效果如下:

这是被删除的文本。

使用标签添加删除线

strike标签是HTML5之前添加删除线的标准标签。与s标签相似,只需将删除线文本包含在strike标签之间即可实现删除效果。

<p><strike>这是被删除的文本。</strike></p>

效果如下:

这是被删除的文本。

使用CSS自定义删除线样式

除了使用HTML标签添加删除线之外,也可以使用CSS来自定义删除线样式。通过CSS的text-decoration属性可以实现在任何元素上添加删除线的效果。

以下CSS样式将在任何带有class="deleted"的元素上添加删除线。

.deleted {
    text-decoration: line-through;
}

在HTML中使用该样式如下:

<p class="deleted">这是被删除的文本。</p>

效果如下:

这是被删除的文本。

总结

以上介绍了HTML中添加删除线的三种方法:使用s标签、使用strike标签和使用CSS样式。开发者可以根据需要选择适合自己的方法来实现删除线效果。