HTML中如何设置删除线样式和效果，添加删除线的方法和步骤介绍
在HTML中，为文本添加删除线样式和效果有多种方法，以下为您详细介绍：
使用s标签
s标签的主要作用是表示内容不再准确或不再相关，虽然从语义上看它并不强调删除，但通常会在视觉上呈现出删除线效果。
示例代码如下：
<p>这是一段正常文本，<s>这部分被添加了删除线</s>。</p>
在浏览器中打开包含上述代码的HTML文件，就会看到“这部分被添加了删除线”文字上有一条删除线。
使用del标签
del标签具有明确的语义，它表示文档中被删除的文本内容。该标签不仅会为文本添加删除线，还传达了这部分内容在文档中被移除的信息。
示例代码如下：
<p>原始价格：<del>100元</del>，现价：80元。</p>
在浏览器中运行这段代码，“100元”会显示带有删除线的样式。
使用CSS的text-decoration属性
使用CSS的text-decoration属性可以更灵活地控制删除线的样式，除了基本的删除线效果，还能设置删除线的颜色、粗细等。
可以通过内联样式、内部样式表或外部样式表来应用text-decoration属性。
内联样式
直接在HTML元素的style属性中设置text-decoration属性。
示例代码如下：
<p>这是正常文本，<span style="text-decoration: line-through;">这部分添加删除线</span>。</p>
内部样式表
在HTML文档的head标签内使用style标签定义样式。
示例代码如下：
<head>
<style>
.strikethrough {
text-decoration: line-through;
}
</style>
</head>
<body>
<p>这是正常文本，<span class="strikethrough">这部分添加删除线</span>。</p>
</body>
外部样式表
创建一个独立的CSS文件，在HTML文档中通过link标签引入。
假设创建一个名为styles.css的文件，内容如下：
.strikethrough {
text-decoration: line-through;
}
在HTML文件中引入该CSS文件：
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>这是正常文本，<span class="strikethrough">这部分添加删除线</span>。</p>
</body>
通过以上方法，您可以根据实际需求为HTML文本添加删除线样式和效果。
你可能想看：
