border-color -- 定義四個(gè)邊框的顏色
取值:[ <color> | transparent ]{1,4} | inherit
<color>{1,4}: 顏色表示法
transparent{1,4}: 透明
inherit: 繼承
初始值: 同color屬性的默認(rèn)值
繼承性: 否
適用于: 所有元素
border:邊框,color:顏色.
border-color和border-width的賦值方式是一樣的,可以分別賦1,2,3或4個(gè)顏色值.
示例
p#fourborders
{
border-color:red black blue green;
}
如果定義四個(gè)值,那么這四個(gè)值就分別是上,右,下,左邊框(從上邊框開(kāi)始,以順時(shí)針的順序遍歷).定義夢(mèng)之都段落的上邊框?yàn)榧t色,右邊框?yàn)楹谏?下邊框?yàn)樗{(lán)色,左邊框?yàn)榫G色.
p#threeborders
{
border-color:red black blue;
}
如果只定義三個(gè)值,中間的值代表左和右邊框.定義夢(mèng)之都段落的上邊框?yàn)榧t色,下邊框?yàn)樗{(lán)色,左,右邊框?yàn)楹谏?
p#twoborders
{
border-color:red black;
}
如果只定義兩個(gè)值,前面的值代表上下邊框,后面的值代表左右邊框.定義夢(mèng)之都段落的上,下邊框?yàn)榧t色,右,左邊框?yàn)楹谏?
p#oneborders
{
border-color:red;
}
如果只定義一個(gè)值,這個(gè)值就代表四個(gè)邊的.定義夢(mèng)之都段落的邊框?yàn)榧t色.
武林網(wǎng)提示: 當(dāng)不設(shè)置邊框顏色border-color時(shí),邊框的顏色使用此元素的color屬性的值.
p#bordercolor
{
border-bottom:solid;
color:red;
}
上例中,由于沒(méi)有設(shè)定border-color的值,因此取color的值紅色.
css border-color 屬性示例 -- 使用color的顏色值.
武林網(wǎng)提示: 由于CSS屬性具有覆蓋的特性,所以設(shè)置的順序很重要.
p
{
border:medium solid green;
border-bottom:solid;
color:red;
}
上例中,下邊框的顏色為紅色,其它邊框?yàn)榫G色.因?yàn)閎order-bottom沒(méi)有設(shè)置顏色,所以應(yīng)該取color指定的顏色.
