html中各种hr样式

2023-08-26 18:47:23 浏览数 (3)

第一种

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

height:2px;是hr的高度

border:none;是没有边框

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

dotted  虚线  #185598  颜色

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

第二种

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

-------------------------------------------------------------------------------------------------------------------------------------

第三种

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

第四种

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

第五种

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

第六种

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

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

0 人点赞