css删除线(css strikethrough)
在网页设计中，删除线经常用来表示某一段文字不再有效或已经被修改。CSS中提供了多种方法来为文字添加删除线，本文将介绍其中两种方法： text-decoration 和 text-decoration-line。
text-decoration属性
text-decoration属性是CSS中用于为文字添加修饰线的属性，它可以控制文字的下划线、上划线、删除线等。下面是text-decoration属性的语法：
text-decoration: [line] [style] [color];
其中， line 参数用于设置修饰线的类型， style 参数用于设置修饰线的样式， color 参数用于设置修饰线的颜色。
立即学习“前端免费学习笔记（深入）”；
为文字添加删除线，只需要将 line 参数设置为 line-through，样式可以默认不设置，颜色可以根据需求进行设置。下面是一个例子：
p {
text-decoration: line-through;
color: red;
}这个例子中，我们为 p 元素添加了删除线，样式没有设置，颜色设置为红色。
text-decoration-line属性
text-decoration-line属性是CSS3中新增的属性，用于控制修饰线的类型。与text-decoration属性不同，text-decoration-line只需要设置一种类型即可。下面是text-decoration-line属性的语法：
text-decoration-line: [line];
我们只需要将 line 参数设置为 line-through 就可以为文字添加删除线。下面是一个例子：
p {
text-decoration-line: line-through;
color: blue;
}这个例子中，我们同样为 p 元素添加了删除线，颜色设置为蓝色。由于text-decoration-line属性只控制线条类型，颜色需要通过 color 属性来设置。
总结
通过以上两种方法，我们可以在CSS中为文字添加删除线。text-decoration属性可以同时控制多种修饰线，text-decoration-line属性只需设置删除线，可以更加简洁。在实际开发过程中，需要根据需求来选择合适的方法来实现删除线效果。
以上就是css删除线css的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
263
