CSS中的删除线效果可以让我们在网页设计过程中更加灵活地展示文本内容。把字符串中的文字加上删除线，可以表示之前的内容不再有效或被废弃。下面我们就来看一下怎么用CSS来添加删除线效果。

/* 单条删除线 */.delete-line {text-decoration: line-through;}/* 双条删除线 */.double-delete-line {text-decoration: line-through double;}/* 删除线颜色 */.delete-line-color {text-decoration: line-through red;}

通过text-decoration属性，我们可以添加单条和双条的删除线效果。同时，我们也可以指定删除线的颜色，可以是CSS中任何一种支持的颜色。

一般建议在使用删除线效果时，应该仅限于需要表示改变的文本内容上。如果过度使用，将会使页面内容看起来凌乱不堪。另外，在SEO优化的角度下，搜索引擎可能不会抓取删除线内的内容，因此请慎重使用。