css如何添加删除线？csstext-decoration属性设置删除线（代码实例）

首先我们了解css text-decoration属性，下面就简单介绍一下：

text-decoration 属性规定添加到文本的修饰。

说明：

这个属性允许对文本设置某种效果，如加删除线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

那么如何使用css text-decoration属性添加文本文字的删除线效果，下面我们通过简单的代码示例，为大家详细解说关于css删除线的实现方法！

	
		
		
		
	
	
		
这里有一条删除线
	

效果图：

	
		
		
		
	
	
		
这里有一条删除线
	

效果图：

这样我们结合text-decoration：line-through；和样式定义文本字体颜色的样式，就可以实现css中删除线与文字颜色不一的样式效果，是不是很简单！

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 CSS视频教程！