![DIV+CSS教程：[7]顶划线、下划线、删除线](/upload/jingyan/2025/0916/58bd3d62.jpg)
给文字加上下划线、删除线、顶划线在文档编辑中使用很高，如电子商务网站中促销时，也使用到，如把原价打上删除线等。
在电子商务网站中，我们常常看到很促销的商品，如促销的商品的原价打上删除线，如下图所示，这种效果其实可以通过CSS中删除线控制实现。
那么CSS是如何实现的呢？其实CSS是通过text-decoration属性进行设置，除了删除线，还可以实现下划线、顶划线。
text-decoration:underline; 下划线
text-decoration:overline; 顶划线
text-decoration:line-through; 删除线
text-decoration:blink; 闪烁
但是闪烁在IE浏览器中并不支持这个效果，所以建议不要使用。
测试案例：
下划线文字测试
顶划线文字测试
删除线文字测试
正常文字对比
如果希望一段文字不仅有下划线、删除线还有顶划线，那么他们各个值用空格分开，
text-decoration:underline overline line-through;
文字下划线、顶划线、删除线
文字下划线、顶划线、删除线
运行效果显示
