前端培训学习之删除文字贯穿线的方法有哪些

发布时间:2020年02月07日作者:atguigu浏览次数:1,194

对文字添加删除线方法有两种,一种是使用html删除线标签<s>;另外一种是使用css删除线样式text-decoration:line-through。

html标签实现删除线样式

1,使用标签

< s > 我被加删除线</ s >

2,css删除线样式实现删除线效果

使用css实现删除线样式属性单词text-decoration:line-through

使用CSS text-decoration 属性 可以添加删除线

text-decoration定义和用法:

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

  注释:修饰的颜色由 “color” 属性设置。

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

text-decoration可能的值:

  none默认。定义标准的文本。

  underline定义文本下的一条线。

  overline定义文本上的一条线。

  line-through定义穿过文本下的一条线。

  blink定义闪烁的文本。

  inherit规定应该从父元素继承 text-decoration 属性的值。

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习


上一篇:
下一篇:
相关课程

java培训 大数据培训 前端培训 UI/UE设计培训

关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园2号楼3层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦3层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)

西安市雁塔区和发智能大厦B座3层(西安校区)