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