网页中经常用到的<hr / >标签的样式

一、横向
    1.第一种
 <hr style=” height:2px;border:none;border-top:2px dotted #185598;” />
  
    2.第二种
    <hr style=”height:1px;border:none;border-top:1px dashed #0066CC;” />

    3.第三种
    <hr style=”height:1px;border:none;border-top:1px solid #555555;” />

    4.第四种    
    <hr style=”height:3px;border:none;border-top:3px double red;” />

    5.第五种
    <hr style=”height:5px;border:none;border-top:5px ridge green;” />

    6.第六种
    <hr style=”height:10px;border:none;border-top:10px groove skyblue;” />

    7.第七种
    <hr style=”filter:alpha(opacity=5,finishopacity=100,style=1);height:5px” color=green>

    8.第八种
    <hr style=”filter:alpha(opacity=100,finishopacity=5,style=1);height:5px” color=blue>

    9.第九种
    <hr style=”filter:alpha(opacity=0,finishopacity=100,style=2);height:5px” color=orange>

    10.第十种
    <hr style=”filter:alpha(opacity=0,finishopacity=100,style=3);height:5px” color=#FF00FF>

    11.第十一种
    <hr style=”filter:alpha(opacity=100,finishopacity=0,style=2);height:5px” color=yellow>

    12.第十二种
    <hr style=”filter:alpha(opacity=100,finishopacity=0,style=3);height:5px” color=#00FFFF>

    13.第十三种
    <hr style=”filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px” color=pink width=95%>

    14.第十四种类
    <hr style=”border-top: #ff0000 solid; color: #00ff00; border-bottom: #0000ff solid; height: 9px”>

    15.第十五种
    <hr style=”border-top: 2px dashed; border-bottom: 2px dashed; height: 2px” color=black>

二、竖向
    1.第一种
    <hr style=”height:100px; 4px” color=orange>

    2.第二种
    <hr style=”filter:alpha(opacity=100,finishopacity=5,style=2); height:100px; 5px” color=navy>
   
    3.第三种
    <hr style=”filter:alpha(opacity=0,finishopacity=100,style=2);height:100px; 4px” color=red>
    

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注