3.6 邊框

有幾種樣式表屬性可以將網(wǎng)頁要素周圍加上邊框。

（注意：IE 3和IE 4不支持任何邊框屬性。）

頂邊框寬度，底邊框寬度，左邊框寬度和右邊框寬度

你可以控制整個邊框的寬度，也可以分別控制每一邊的邊框寬度：

H4 { border-top-width: 2px; border-bottom-width: 5px; 
border-left-width: 1px; border-right-width: 1px }

以下是上述CSS規(guī)則的顯示結果：

你還可以給替代要素加上邊框，很好玩，是吧？

你無須給一個要素的每一邊都加上邊框。

你可以使用上述任何一種長度單位設定邊框寬度，也可以使用內(nèi)置關鍵字設定寬度：

本段文字的頂邊框寬度參數(shù)值為thin。

本段文字的頂邊框寬度參數(shù)值為medium。

本段文字的頂邊框寬度參數(shù)值為thick。

如果你想使邊框四面應用相同的寬度，很簡單，使用border-width標簽就可一次完成，例：

IMG { border-width: 1in }

邊框顏色

例：

P { border-color: green; border-width: 3px }

本段文字顯示上述代碼的執(zhí)行效果。

你可以使用瀏覽器認可的顏色或者直接使用RGB參數(shù)值，例：

H4 { border-color: #FF0033; border-width: thick }

如果你想使邊框的四邊顯示不同的顏色，你可以在設置中分別列出各種顏色：

P { border-color: #666699 #FF0033 #000000 #FFFF99; border-width: 3px }

瀏覽器將第1種顏色理解為頂邊框的顏色參數(shù)值，第2種顏色為右邊框，然后是底邊框，然后是左邊框。

本段文字顯示上述代碼的執(zhí)行效果。

如果不使用邊框顏色屬性，則邊框將以要素自身的顏色顯示邊框顏色。

邊框樣式

你還可以設定邊框線的樣式，例：

P { border-style: double; border-width: 3px }

可以使用的關鍵字參數(shù)值如下：

• solid
  

• double
  

• dotted
  

• dashed
  

• groove
  

• ridge
  

• inset
  

• outset

注意：Communiactor只支持其中的幾種關鍵字屬性。