css是一种样式表语言，可以用来定义和设计html文档的外观和格式。在css中，删除线是一种常见的样式，在网页中经常用于表示过去或不再有效的内容。本文将介绍如何使用css创建删除线样式。
- text-decoration属性
要使用CSS创建删除线样式，可以使用text-decoration属性。text-decoration属性可用于添加文本装饰，包括下划线、上划线、删除线等。要添加删除线样式，只需将text-decoration属性设置为"line-through"即可：
p {
text-decoration: line-through;
}上述代码将应用删除线样式到所有的段落（p）元素。如果您只想在某个特定元素中应用删除线，可以将选择器替换为该元素的类名或ID。
- text-decoration-line属性
CSS中还有一个text-decoration-line属性，它只控制文本装饰的类型。因此，您可以将text-decoration-line设置为"line-through"，而不是使用text-decoration属性。这将有助于确保其他文本装饰不会干扰删除线。
p {
text-decoration-line: line-through;
}- 文字颜色和删除线颜色
如果您想自定义删除线的颜色，可以使用text-decoration-color属性。例如，下面的代码将添加蓝色删除线：
立即学习“前端免费学习笔记（深入）”；
一款多用途的企业软件前端HTML模板。IT软件服务公司网站响应式单页模板。基于CSS、JS、HTML模块化原则创建的。如果您的站点不需要所有元素，那么可以轻松地删除不必要的组件。模板的代码干净，友好，注释良好。这使得编辑和自定义模板变得很容易。
p {
text-decoration: line-through;
text-decoration-color: blue;
}此外，如果您只想更改删除线的颜色，而不更改文本颜色，可以使用text-decoration-line颜色属性。如下所示，它将将删除线颜色设置为红色：
p {
text-decoration-line: line-through;
text-decoration-color: red;
}- 删除线位置和样式
您还可以使用text-decoration-style属性更改删除线的样式。text-decoration-style属性控制删除线的线条类型，包括实线、虚线、点线和波浪线：
p {
text-decoration-line: line-through;
text-decoration-style: dotted;
}此外，您可以使用text-decoration-position属性控制删除线在文本中的位置。删除线可以放在文本下面或上面（默认情况下）。例如，这将将删除线放在文本上方：
p {
text-decoration-line: line-through;
text-decoration-position: over;
}在CSS中，有许多选项可用于自定义删除线样式。根据您的需要，您可以更改它的颜色、样式和位置。此外，您可以将text-decoration-line设置为"line-through"，并将text-decoration-color设置为您想要的颜色，以确保其他文本装饰不会干扰您的删除线。
