水平線 hr 標籤的樣式化方法

標籤: CSS

hr 是 html 裡面用來製作水平線的標籤,我們也可以用 css 來樣式化,不過有點特別的是想要樣式化的話只要直接修改 border 就可以了。

像這樣直接設定 border:

border: 1px solid red;

 

設定 border 樣式:

border: 2px dashed red;

 

如果我們只設定單邊的 border 樣式則會變這樣:

border-top: 2px dashed red;

 

加上 border-radius

border: 5px solid red;
border-radius: 4px;

 

設定寬度的話,預設會居中

width: 200px;