第一種：

<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;" />
dashed 虛線

第三種：

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

solid 實線

第四種：

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

第五種：

<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 下顏色

總結

以上是生活随笔為你收集整理的6种漂亮的线条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。