[分享]css3文字删除线

CSS3提供了一种方便的方式来给一段文字添加删除线，这可以在表达一些文本内容时非常有用，比如标注已经完成的任务或者不推荐使用的功能。下面我们来介绍一下如何使用CSS3实现文字删除线的效果。.delet...

CSS3提供了一种方便的方式来给一段文字添加删除线，这可以在表达一些文本内容时非常有用，比如标注已经完成的任务或者不推荐使用的功能。下面我们来介绍一下如何使用CSS3实现文字删除线的效果。

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

上面这段CSS代码是添加文字删除线的关键，我们给需要添加删除线的文字添加一个类名为.delete-line的样式，并将text-decoration属性设为line-through即可。下面是一个简单的HTML示例：

<p>这是一段需要添加删除线的文字</p>
<p class="delete-line">这是一段已经添加删除线的文字</p> 

在上面的HTML代码中，第一段文字没有添加任何样式，而第二段文字则添加了一个class为delete-line的样式，这样就可以添加删除线了，效果如下：

这是一段需要添加删除线的文字

这是一段已经添加删除线的文字

需要注意的是，删除线并不是一种标准的文本修饰方式，所以在某些浏览器中可能会有不同的显示效果。此外，删除线可以和其他样式一起使用，比如加粗、倾斜等等。