养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS文本怎么设置下划线、删除线、上划线

时间:2024-10-19 15:33:22

非常高兴大家能看到这篇教程。此抟庖汨甲篇教程经验,将教你如何使用CSS给文字添加设置下划线、删除线、上划线。接着往下看就行!

CSS文本怎么设置下划线、删除线、上划线

工具/原料

电脑:win7,64位

软件:HBuilderX

技术:HTML、CSS

方法/步骤

1、打开网站开发工具,新建一个HTML(作为演示)

CSS文本怎么设置下划线、删除线、上划线

2、输入基础代码

CSS文本怎么设置下划线、删除线、上划线

3、给文字设置:下划线效果:如图所示核心代码:text-decoration:underline;

CSS文本怎么设置下划线、删除线、上划线

4、给文字设置:贯穿删除线效果:如图所示核心代码:tex隋茚粟胫t-decoration:line-through;

CSS文本怎么设置下划线、删除线、上划线

5、给文字设置:上划线效果:如图所示核心代码:text-decoration:overline

CSS文本怎么设置下划线、删除线、上划线

方法总结:

1、龅歧仲半打开HbuilderX新建一个【HTML】输入【基础代码】设置【下划线效果代码:text-decoration:under造婷用痃line;】设置【中划线效果代码:text-decoration:line-through;】设置【上划线效果代码:text-decoration:overline】

© 一点知识