首页前端开发CSScss如何添加删除线?

css如何添加删除线?

时间2024-05-20 22:50:03发布访客分类CSS浏览34
导读:首先我们了解csstext-decoration属性,下面就简单介绍一下: text-decoration属性规定添加到文本的修饰。 说明: 这个属性允许对文本设置某种效果,如加删除线。如果后代元素没有自己的装饰,祖先元素上设置...
首先我们了解csstext-decoration属性,下面就简单介绍一下: text-decoration属性规定添加到文本的修饰。 说明: 这个属性允许对文本设置某种效果,如加删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会"延伸"到后代元素中。不要求用户代理支持blink。 那么如何使用csstext-decoration属性添加文本文字的删除线效果,下面我们通过简单的代码示例,为大家详细解说关于css删除线的实现方法! css添加文本文字的删除线 p{ text-decoration:line-through; }

这里有一条删除线

效果图: 1.jpg 说明: line-through属性值:定义穿过文本下的一条线。 通过例子可以看出,通过设置text-decoration:line-through; 为

标签里的文本文字添加了删除线,方法简单、方便。且可以通过css设置简单修饰删除线样式,比如:颜色,例: css添加文本文字的删除线 p{ text-decoration:line-through; color:red; } span{ color:black; }

这里有一条删除线








本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css如何添加删除线?
本文地址: https://pptw.com/jishu/664458.html
如何使用纯CSS实现圆点错觉的效果 香港服务器流量超标的原因是什么

游客 回复需填写必要信息