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 過去分詞: colored

css 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>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例