html hr样式

1. 第一种：

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

   height:2px;是hr的高度

   border:none;是没有边框

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

   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. 7

   第六种：

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

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

   
7.