网页中经常用到的<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; width:4px" color=orange>     2.第二种     <hr style="filter:alpha(opacity=100,finishopacity=5,style=2); height:100px; width:5px" color=navy>         3.第三种     <hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px; width:4px" color=red>     

标签：第十种,第一种,第八种,网页,第九种,标签,用到,第二种,第三种
来源： https://www.cnblogs.com/huzhiao/p/12766709.html