css中加删除线

CSS中可以使用text-decoration属性来给文本添加删除线。删除线是一种用于表示删除、无效或过时文本的效果。通过设置text-decoration属性的值为line-through，可以给文本添加删除线。

示例代码如下：

p {
  text-decoration: line-through;
}

上述代码会给所有p元素的文本添加删除线效果。可以通过修改选择器来指定特定的元素或类来应用删除线效果。

除了直接在CSS中设置text-decoration属性，还可以使用伪类选择器来实现特定条件下的删除线效果。比如，可以使用:hover伪类选择器来在鼠标悬停时添加删除线效果。

示例代码如下：

a:hover {
  text-decoration: line-through;
}

上述代码会在鼠标悬停在链接上时，给链接文本添加删除线效果。

除了在文本中添加删除线，还可以在其他元素上应用删除线效果。比如，可以给div元素的边框添加删除线效果，来表示该区域已被删除或无效。

示例代码如下：

div {
  border: 1px solid black;
  text-decoration: line-through;
}

上述代码会给所有div元素的边框添加删除线效果。

需要注意的是，text-decoration属性不仅可以用于添加删除线，还可以用于添加下划线、上划线和闪烁效果。可以通过设置不同的值来实现不同的效果。

除了使用text-decoration属性，还可以使用其他CSS属性来自定义删除线的样式。比如，可以使用text-decoration-color属性来设置删除线的颜色，使用text-decoration-style属性来设置删除线的样式，如实线、虚线等。

示例代码如下：

p {
  text-decoration: line-through;
  text-decoration-color: red;
  text-decoration-style: dashed;
}

上述代码会给所有p元素的文本添加红色的虚线删除线效果。

总结一下，CSS中可以使用text-decoration属性来给文本或其他元素添加删除线效果。可以通过设置不同的值和使用其他相关的CSS属性来实现自定义的删除线样式。删除线可以用于表示删除、无效或过时的文本，提高页面的可读性和交互性。