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

对文字添加删除线方法有两种，一种是使用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 属性的值。

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