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

 时间:2024-10-19 17:18:13

非常高兴大家能看到这篇教程。此抟庖汨甲篇教程经验,将教你如何使用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】

如何在HTML中插入图片 html图片如何居中 html图片大小怎么设置 怎样让html中的文字垂直水平居中显示 html鼠标悬停变色
热门搜索
天官赐福动漫在线观看免费 超级跑车图片 我被最想拥抱的人威胁了的动漫 金泰熙图片 恢复图片