守望者--AIR技术交流

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: ANE FlasCC 炼金术
查看: 358|回复: 0

[组件样式] html中hr的各种样式使用

[复制链接]
  • TA的每日心情
    擦汗
    2018-4-10 15:18
  • 签到天数: 447 天

    [LV.9]以坛为家II

    1742

    主题

    2094

    帖子

    13万

    积分

    超级版主

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    威望
    562
    贡献
    29
    金币
    51756
    钢镚
    1422

    开源英雄守望者

    发表于 2016-8-10 11:03:27 | 显示全部楼层 |阅读模式
    网页设计当中hr的各种样式,如果使用得当,将会给你的页面增色很多,下面就来详细介绍下各种样式和各种使用方式的方法!


    我用的编辑器是eclipse,这个根据个人喜好来定,用什么都无所谓的,就算你直接用txt也照样能实现这里的效果,毕竟只是静态。

    第一种:

    <hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

    height:2px;是hr的高度

    border:none;是没有边框

    border-top:2px dotted #185598;是设置横线的样式

    dotted  虚线  #185598  颜色

    html中hr的各种样式使用



    第二种:

    <hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />

    html中hr的各种样式使用


    第三种:

    <hr style="height:1px;border:none;border-top:1px solid #555555;" />

    html中hr的各种样式使用


    第四种:

    <hr style="height:3px;border:none;border-top:3px double red;" />

    html中hr的各种样式使用


    第五种:

    <hr style="height:5px;border:none;border-top:5px ridge green;" />

    html中hr的各种样式使用



    第六种:

    <hr style="height:10px;border:none;border-top:10px groove skyblue;" />

    border-top:10px groove skyblue;    groove  上颜色        skyblue   下颜色

    html中hr的各种样式使用


    只要hr样式用的好,会让你的网页活灵活现的哦!
    守望者AIR技术交流社区(www.airmyth.com)
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    
    关闭

    站长推荐上一条 /4 下一条

    QQ|手机版|Archiver|网站地图|小黑屋|守望者 ( 京ICP备14061876号

    GMT+8, 2019-10-22 23:58 , Processed in 0.043506 second(s), 31 queries .

    守望者AIR

    守望者AIR技术交流社区

    本站成立于 2014年12月31日

    快速回复 返回顶部 返回列表