首页 > 软件开发 > HTML >

如何运用HTML里的水平分隔线

来源:互联网 2023-03-16 19:13:31 269

运用HTML里的水平分隔线hr>,这里介绍一些最基本的使用方法DlD办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    打开编辑器,我们输入hr> 就可以看到水平分割线。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 2

    我们要知道输入的时候只需要输入hr>,不需要输入/hr>来闭合。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 3

    hr color="blue">DlD办公区 - 实用经验教程分享!

    hr color="red">DlD办公区 - 实用经验教程分享!

    要定义分割线的颜色,可以直接在后面加上color=,颜色要加上引号。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 4

    hr color="blue" size=1px>DlD办公区 - 实用经验教程分享!

    hr color="blue" size=2px>DlD办公区 - 实用经验教程分享!

    hr color="red" size=3px>DlD办公区 - 实用经验教程分享!

    hr color="red" size=4px>DlD办公区 - 实用经验教程分享!

    DlD办公区 - 实用经验教程分享!

    如果觉得粗细有问题,那么我们可以设置一下分割线的粗细,以单位px来设置。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    hr color="blue" size=1px>DlD办公区 - 实用经验教程分享!

    hr color="blue" size=1px width=10%>DlD办公区 - 实用经验教程分享!

    hr color="red" size=2px>DlD办公区 - 实用经验教程分享!

    hr color="red" size=2px width=80%>DlD办公区 - 实用经验教程分享!

    如果要修改水平的长度,那么需要用到width,但是要设置百分比。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 6

    hr color="blue" size=1px width=10% align="left">DlD办公区 - 实用经验教程分享!

    hr color="red" size=2px width=40% align="right">DlD办公区 - 实用经验教程分享!

    hr color="yellow" size=2px width=40% align="center">DlD办公区 - 实用经验教程分享!

    既然有了长度,那么我们还可以设置位置,用align来设置。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 7

    hr color="blue" size=10px noshade="noshade">DlD办公区 - 实用经验教程分享!

    hr color="blue" size=10px noshade="noshade">DlD办公区 - 实用经验教程分享!

    hr color="blue" size=10px>DlD办公区 - 实用经验教程分享!

    noshade就是表示没有阴影,但是比较少使用。DlD办公区 - 实用经验教程分享!

    如何运用HTML里的水平分隔线DlD办公区 - 实用经验教程分享!

  • 注意事项

    • width使用不了px来定义

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


    标签: HTML

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