css border-color屬性
翻譯結果：
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界，在…的邊上
vt.沿…的邊，環繞…，給…鑲邊
##vi.近似，毗鄰第三人稱單數： borders 複數： borders 現在分詞： bordering 過去式： bordered 過去分詞： bordered#color
英[ 'kʌlə(r)] 美[ˈkʌlɚ] n.<美>顏色，色彩;膚色，臉色，血色;顏料，染料;本質v.<美人> ;給…上色;改變…的顏色;粉飾，渲染，使帶上色彩;臉紅第三人稱單數： colors 複數： colors 現在分詞： coloring 過去式： colored 過去分詞： coloredcss border-color屬性語法
作用：設定四條邊框的顏色。此屬性可設定 1 到 4 種顏色。
說明：border-color 屬性是一個簡寫屬性，可設定一個元素的所有邊框中可見部分的顏色，或是為 4 個邊分別設定不同的顏色。要記住，邊框的樣式不能為 none 或 hidden，否則邊框不會出現。
註解：請一律把 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" 属性来设置边框。</p>
</body>
</html>執行實例 »
點擊 "執行實例" 按鈕查看線上實例