border

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

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

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

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

vi.近似，毗鄰

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

color

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

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

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

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

css border-color屬性 語法

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

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

注釋：請始終把 border-style 屬性聲明到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。

css border-color屬性 示例

<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" 屬性如果單獨使用的話是不會起作用的。請首先使用 "border-style" 屬性來設(shè)置邊框。</p>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例