📅 最后修改于: 2023-12-03 15:14:21.151000 🧑 作者: Mango
#CSS 删除线 - CSS
在 CSS 中，删除线是一种简单的样式属性，可以应用于文本，以指示它被删除或不推荐使用。以下是如何在 CSS 中添加删除线的示例:
##CSS 语法
在 CSS 中，要为文本添加删除线，可以使用 'text-decoration' 属性。文本装饰属性用于为 HTML 元素添加一些修饰样式。其中“删除线（line-through）”是文本装饰属性之一，它用于在文本中添加一条水平的删除线。下面是一个简单的文本删除线样式的例子:
.text-removed {
text-decoration: line-through;
}
##CSS 删除线 - 例子
下面是一个删除线过程的完整示例：
<!DOCTYPE html>
<html>
<head>
<title>CSS 删除线 - 示例</title>
<style>
.text-removed {
text-decoration: line-through;
}
</style>
</head>
<body>
<p>这是一段没有删除线的文本。</p>
<p class="text-removed">这是一段带有删除线的文本。</p>
</body>
</html>
在上面的代码中，我们首先定义了一个CSS样式，将删除线应用于类名为“text-removed”的元素，并将它应用于HTML中两段文本中的一段。在浏览器中查看这个 HTML 文件，会发现第二段文本有了删除线。
Markdown 格式:
在 CSS 中，删除线是一种简单的样式属性，可以应用于文本，以指示它被删除或不推荐使用。以下是如何在 CSS 中添加删除线的示例:
在 CSS 中，要为文本添加删除线，可以使用 text-decoration 属性。文本装饰属性用于为 HTML 元素添加一些修饰样式。其中“删除线（line-through）”是文本装饰属性之一，它用于在文本中添加一条水平的删除线。下面是一个简单的文本删除线样式的例子:
.text-removed {
text-decoration: line-through;
}
下面是一个删除线过程的完整示例：
<!DOCTYPE html>
<html>
<head>
<title>CSS 删除线 - 示例</title>
<style>
.text-removed {
text-decoration: line-through;
}
</style>
</head>
<body>
<p>这是一段没有删除线的文本。</p>
<p class="text-removed">这是一段带有删除线的文本。</p>
</body>
</html>
在上面的代码中，我们首先定义了一个 CSS 样式，将删除线应用于类名为“text-removed”的元素，并将它应用于 HTML 中两段文本中的一段。在浏览器中查看这个 HTML 文件，会发现第二段文本有了删除线。