3.6 邊框

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

（注意：IE 3和IE 4不支持任何邊框?qū)傩浴＃?

頂邊框?qū)挾?，底邊框?qū)挾龋筮吙驅(qū)挾群陀疫吙驅(qū)挾?/strong>

你可以控制整個(gè)邊框的寬度，也可以分別控制每一邊的邊框?qū)挾龋?

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

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

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

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

你可以使用上述任何一種長(zhǎng)度單位設(shè)定邊框?qū)挾?，也可以使用?nèi)置關(guān)鍵字設(shè)定寬度：

本段文字的頂邊框?qū)挾葏?shù)值為thin。

本段文字的頂邊框?qū)挾葏?shù)值為medium。

本段文字的頂邊框?qū)挾葏?shù)值為thick。

如果你想使邊框四面應(yīng)用相同的寬度，很簡(jiǎn)單，使用border-width標(biāo)簽就可一次完成，例：

IMG { border-width: 1in }

邊框顏色

例：

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

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

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

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

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

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

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

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

如果不使用邊框顏色屬性，則邊框?qū)⒁砸刈陨淼念伾@示邊框顏色。

邊框樣式

你還可以設(shè)定邊框線的樣式，例：

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

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

• solid
  

• double
  

• dotted
  

• dashed
  

• groove
  

• ridge
  

• inset
  

• outset

注意：Communiactor只支持其中的幾種關(guān)鍵字屬性。