CSS怎么设置下划线、删除线、上划线属性样式

我们在做web、小程序开发的时候经常会用到CSS的text-decoration文本装饰属性来设置文字下划线、删除线、上划线等样式属性 。 那么该如何设置呢?下面小编就将操作方法分享给大家!

CSS怎么设置下划线、删除线、上划线属性样式

文章插图

需要这些哦
编纂器:HbuilderX
手艺:CSS、HTML
方式/
1起首我们打开开辟东西, 新建一个【HTML文档】
CSS怎么设置下划线、删除线、上划线属性样式

文章插图

2利用【text-decoration: overline】设置上划线样式属性
CSS怎么设置下划线、删除线、上划线属性样式

文章插图

3利用【text-decoration: line-through】设置删除线(贯串线)样式属性
CSS怎么设置下划线、删除线、上划线属性样式

文章插图

4利用【text-decoration: underline】设置下划线样式属性
CSS怎么设置下划线、删除线、上划线属性样式

文章插图

5【CSS怎么设置下划线、删除线、上划线属性样式】利用【text-decoration: none】来断根所有文字样式
CSS怎么设置下划线、删除线、上划线属性样式

文章插图

方式总结11、text-decoration: overline:添加上划线
2、text-decoration: line-through:添加删除线
3、text-decoration: underline:添加下划线
4、text-decoration: none:断根字体样式

注重事项tips1:属性样式大师, 可以直接复制利用, 结果及利用方式如配图所示
tips2:本教程有小编原创, 帮到大师了就给小编点赞吧!

以上内容就是CSS怎么设置下划线、删除线、上划线属性样式的内容啦, 希望对你有所帮助哦!

    推荐阅读