border

英[?b?:d?(r)]? ?美[?b?:rd?(r)]??

#n.邊界;邊;鑲邊;包;邊

vt.& vi.與…接界，在…的邊上

vt.沿…的邊，環(huán)繞…，給…鑲邊

##vi.近似，毗鄰

第三人稱單數(shù)： borders 複數(shù)： borders 現(xiàn)在分詞： bordering 過(guò)去式： bordered 過(guò)去分詞： bordered

#color

英[ 'k?l?(r)]? ?美[?k?l?]??

n.<美>顏色，色彩;膚色，臉色，血色;顏料，染料;本質(zhì)

v.<美人> ;給…上色;改變…的顏色;粉飾，渲染，使帶上色彩;臉紅

第三人稱單數(shù)： colors 複數(shù)： colors 現(xiàn)在分詞： coloring 過(guò)去式： colored 過(guò)去分詞： colored

css border-color屬性 語(yǔ)法

作用：設(shè)定四條邊框的顏色。此屬性可設(shè)定 1 到 4 種顏色。

說(shuō)明：border-color 屬性是一個(gè)簡(jiǎn)寫屬性，可設(shè)定一個(gè)元素的所有邊框中可見部分的顏色，或是為 4 個(gè)邊分別設(shè)定不同的顏色。要記住，邊框的樣式不能為 none 或 hidden，否則邊框不會(huì)出現(xiàn)。

註解：請(qǐng)一律把 border-style 屬性宣告到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。

css border-color屬性 範(fàn)例

<html>
<head>

<style type="text/css">
p.one
{
border-style: solid;
border-color: #0000ff
}
p.two
{
border-style: solid;
border-color: #ff0000 #0000ff
}
p.three
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff
}
p.four
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
}
</style>

</head>

<body>

<p class="one">One-colored border!</p>

<p class="two">Two-colored border!</p>

<p class="three">Three-colored border!</p>

<p class="four">Four-colored border!</p>

<p><b>注釋：</b>"border-width" 屬性如果單獨(dú)使用的話是不會(huì)起作用的。請(qǐng)首先使用 "border-style" 屬性來(lái)設(shè)置邊框。</p>

</body>
</html>

執(zhí)行實(shí)例 ?

點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例