web前端|css教程
添加删除线,text-decoration属性,css
web前端-css教程
css如何添加删除线?前文【html如何给文本文字添加删除线?两种方法添加删除线(实例)】中我们已经介绍了两种html标签t添加删除线的方法,本章就给大家介绍用css text-decoration属性为文本文字添加删除线效果,用css如何设置删除线样式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
沐雪微信 源码,vscode导入数据,host ubuntu,iis tomcat部署,sqlite3 编译优化,discuz插件的安装教程,bat会使用哪个前端框架,爬虫不求人实战训练,php图片文字水印图片,荆州seo 网络推广,wap网站代码,游戏内嵌静态网页下载,淘宝 订单处理模板lzw
首先我们了解css text-decoration属性,下面就简单介绍一下:
淘宝首页源码下载,银河麒麟和ubuntu,tomcat堆内存初始值,微博原图爬虫,php编程精品课程,seo广告 sitlzw
text-decoration 属性规定添加到文本的修饰。
仿眼镜源码,Ubuntu开机客人会话,下载网页视频爬虫,regauth.php,phpcms seo设置lzw
说明:
这个属性允许对文本设置某种效果,如加删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
那么如何使用css text-decoration属性添加文本文字的删除线效果,下面我们通过简单的代码示例,为大家详细解说关于css删除线的实现方法!
这里有一条删除线
效果图:
说明:
line-through属性值:定义穿过文本下的一条线。
通过例子可以看出,通过设置text-decoration:line-through;为
标签里的文本文字添加了删除线,方法简单、方便。且可以通过css设置简单修饰删除线样式,比如:颜色,例:
这里有一条删除线
效果图:
这样我们结合text-decoration:line-through;和样式定义文本字体颜色的样式,就可以实现css中删除线与文字颜色不一的样式效果,是不是很简单!
总结: