CSS 邊框顏色
CSS 邊框顏色
border-color 屬性用於設定四個邊框的顏色。
顏色可以透過以下方式設定：
- 名稱 - 指定一個顏色名稱，如“red”
- HEX - 指定一個十六進位制值，如“#ff0000”
- RGB - 指定一個 RGB 值，如“rgb(255,0,0)”
- HSL - 指定一個 HSL 值，如“hsl(0, 100%, 50%)”
- transparent
注意：如果未設定 border-color，它將繼承元素的顏色。
示例
不同邊框顏色的演示
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
結果
紅色邊框
綠色邊框
藍色邊框
特定邊框顏色
border-color 屬性可以有一個到四個值（分別對應上邊框、右邊框、下邊框和左邊框）。
示例
p.one {
border-style: solid;
border-color: red green blue yellow; /* 頂部紅色，右側綠色，底部藍色，左側黃色 */
}
自己動手試一試 »
HEX 值
邊框的顏色也可以使用十六進位制值 (HEX) 指定
RGB 值
或者使用 RGB 值
HSL 值
您也可以使用 HSL 值
您可以在我們的 CSS 顏色章節中瞭解更多關於 HEX、RGB 和 HSL 值的資訊。
