定義和(hé)用(yòng)法
border-color 屬性設置四條邊框的顔色。此屬性可設置 1 到(dào) 4 種顔色。
border-color 屬性是一個簡寫屬性，可設置一個元素的所有邊框中可見部分的顔色，或者爲 4 個邊分别設置不同的顔色。請(qǐng)看(kàn)下(xià)面的例子：
例子 1
border-color:red green blue pink;
上(shàng)邊框是紅(hóng)色
右邊框是綠色
下(xià)邊框是藍色
左邊框是粉色
例子 2
border-color:red green blue;
上(shàng)邊框是紅(hóng)色
右邊框和(hé)左邊框是綠色
下(xià)邊框是藍色
例子 3
border-color:dotted red green;
上(shàng)邊框和(hé)下(xià)邊框是紅(hóng)色
右邊框和(hé)左邊框是綠色
例子 4
border-color:red;
所有 4 個邊框都是紅(hóng)色
要記住，邊框的樣式不能(néng)爲 none 或 hidden，否則邊框不會(huì)出現(xiàn)。
注釋：請(qǐng)始終把 border-style 屬性聲明(míng)到(dào) border-color 屬性之前。元素必須在您改變其顔色之前獲得邊框。
實例
設置 4 個邊框的顔色：
p
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
CSS 語法
border-color: color|transparent|initial|inherit;
屬性值
| 值 | 描述 |
|---|---|
| color_name | 規定顔色值爲顔色名稱的邊框顔色（比如 red）。 |
| hex_number | 規定顔色值爲十六進制值的邊框顔色（比如 #ff0000）。 |
| rgb_number | 規定顔色值爲 rgb 代碼的邊框顔色（比如 rgb(255,0,0)）。 |
| transparent | 默認值。邊框顔色爲透明(míng)。 |
| inherit | 規定應該從(cóng)父元素繼承邊框顔色。 |