轉自於：https://www.douban.com/note/509201981/
前給網頁添加分隔水平線，都是使用div的border-bottom來設置的，今天才發現用html的hr標簽就可以，並且可以通過設置hr的寬度，高度，顏色來設置它的樣式。
例如：
1.<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />
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.<hr style="height:10px;border:none;border-top:10px groove skyblue;" />
border-top:10px groove skyblue; groove 上顏色 skyblue 下顏色
 |