close

[轉貼自]http://fan.renren.it/a/w3school/css/pr_border-color.asp.htm


CSS border-color 屬性


定義和用法
border-color 屬性設置四條邊框的顏色。此屬性可設置 1 到 4 種顏色。


border-color 屬性是一個簡寫屬性,可設置一個元素的所有邊框中可見部分的顏色,或者为 4 個邊分別設置不同的顏色。請看下面的例子:


例子 1
border-color:red green blue pink;
上邊框是紅色
右邊框是綠色
下邊框是藍色
左邊框是粉色


例子 2
border-color:red green blue;
上邊框是紅色
右邊框和左邊框是綠色
下邊框是藍色


例子 3
border-color:dotted red green;
上邊框和下邊框是紅色
右邊框和左邊框是綠色


例子 4
border-color:red;
所有 4 個邊框都是紅色



 


實例


設置 4 個邊框的顏色:


p
{
border-style:solid;
border-color:#ff0000 #0000ff;
}

TIY


備註:1.邊框的样式不能為 none 或 hidden,否則邊框不會出現。
    
     2.請始終把 border-style 屬性聲明到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。
    
     3."border-width" 屬性如果單獨使用的話是不會起作用的。請首先使用 "border-style" 屬性來設置邊框。


選單範例參考---棒


http://www.flycan.com.tw/board/modules/newbb/viewtopic.php?topic_id=2377&forum=11

arrow
arrow
    全站熱搜

    chyuanyiin 發表在 痞客邦 留言(0) 人氣()