首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:17:54 340

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

CSS怎么设置下划线、删除线、上划线属性样式vyM办公区 - 实用经验教程分享!

工具/原料

  • 编辑器:HbuilderX
  • 技术:CSS、HTML

方法/步骤

  • 1

    首先我们打开开发工具,新建一个【HTML文档】vyM办公区 - 实用经验教程分享!

    CSS怎么设置下划线、删除线、上划线属性样式vyM办公区 - 实用经验教程分享!

  • 2

    使用【text-decoration: overline】设置上划线样式属性vyM办公区 - 实用经验教程分享!

    CSS怎么设置下划线、删除线、上划线属性样式vyM办公区 - 实用经验教程分享!

  • 3

    使用【text-decoration: line-through】设置删除线(贯穿线)样式属性vyM办公区 - 实用经验教程分享!

    CSS怎么设置下划线、删除线、上划线属性样式vyM办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 4

    使用【text-decoration: underline】设置下划线样式属性vyM办公区 - 实用经验教程分享!

    CSS怎么设置下划线、删除线、上划线属性样式vyM办公区 - 实用经验教程分享!

  • 5

    使用【text-decoration: none】来清除所有文字样式vyM办公区 - 实用经验教程分享!

    CSS怎么设置下划线、删除线、上划线属性样式vyM办公区 - 实用经验教程分享!

  • 方法总结

  • 1

    1、text-decoration: overline:添加上划线vyM办公区 - 实用经验教程分享!

    2、text-decoration: line-through:添加删除线vyM办公区 - 实用经验教程分享!

    3、text-decoration: underline:添加下划线vyM办公区 - 实用经验教程分享!

    4、text-decoration: none:清除字体样式vyM办公区 - 实用经验教程分享!

  • 注意事项

    • tips1:属性样式大家,可以直接复制使用,效果及使用方法如配图所示
    • tips2:本教程有小编原创,帮到大家了就给小编点赞吧!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!vyM办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码