影響邊框

網站建設中的color值還可以影響元素周圍的邊框。假設已經聲明了以下樣式，其結果如圖9-4所示：

p.aside{color:gray;border-style:solid;}

圖9-4：邊框顏色取自內容的顏色

元素<p class="aside">有灰色文本和灰色中等寬度的實線邊框。這是因為，默認地前景色會應用到邊框。要覆蓋這種行為，最基本的辦法是使用屬性border-color:

p.aside{color:gray;border-style:solid;border-color:black;}

這會使文本為灰色，但邊框是黑色。為border-color設置的值總會覆蓋color值。

有時，利用邊框可以影響圖像的前景色。由于圖像本身就由顏色組成，所以實際上網站建設這些使用color是無法影響的，不過可以改變圖像周圍任何邊框的顏色。這可以利用color或border-color做到。因此，以下規(guī)則對class為type1和type2的圖像有相同的視覺效果，如圖9-5所示：

img.type1{color:gray;border-style:solid;}

img.type2{border-color:gray;border-style:solid;}

圖9-5：為圖像設置邊框顏色