html中hr的各種樣式使用

網頁設計傍邊hr的各類樣式，若是利用適當，將會給你的頁面增色良多，下面就來具體介紹下各類樣式和各類利用體例的方式！

東西/原料

1
我用的編纂器是eclipse，這個按照小我愛好來心猿意馬，用什么都無所謂的，就算你直接用txt也照樣能實現這里的結果，究竟結果只是靜態。
2
第一種：
<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />
height:2px;是hr的高度
border:none;是沒有邊框
border-top:2px dotted #185598;是設置橫線的樣式
dotted 虛線 #185598 顏色
3
第二種：
<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
4
第三種：
<hr style="height:1px;border:none;border-top:1px solid #555555;" />
5
第四種：
<hr style="height:3px;border:none;border-top:3px double red;" />
6
第五種：
<hr style="height:5px;border:none;border-top:5px ridge green;" />
7
第六種：
<hr style="height:10px;border:none;border-top:10px groove skyblue;" />
border-top:10px groove skyblue; groove 上顏色 skyblue 下顏色
8
只要hr樣式用的好，會讓你的網頁活矯捷現的哦！