第11課邊框

邊框（border）可以有多種用途，比如作為裝飾元素或者作為劃分兩物的分界線。在設定邊框方面，css為你提供了無盡選擇。

邊框寬度由css屬性border-width定義，其值可以是「thin」（薄）、「medium」（普通）或「thick」（厚）等，也可以是畫素值。如下圖所示：

css屬性border-color用於定義邊框的顏色。其值就是正常的顏色值，例如：「#123456」、「#7b7b7b」、「yellow」等。

邊框樣式有多種可供選擇。下圖顯示了8種不同樣式的邊框在internet explorer 5.5裡的實際顯示效果。在這個例子裡，我們為這8種邊框都選擇了「金色（gold）」作為邊框顏色、「厚(thick)」作為邊框寬度。當然，這只是個例子，你可以為邊框設定別的顏色和厚度。

如果你不想有任何邊框，可以為它取值為「none」或者「hidden」。

我們可以將上面三個有關邊框的css屬性組合起來使用，從而製造出多種多樣的變化。來舉個例子，我們要為乙個文件中的h1、h2、ul和p等元素分別定義不同的邊框。儘管其顯示效果也許並不那麼美觀，但是它很好地向你展示了多種變化的可能：

h1 h2 p ul

我們也可以為上邊框、下邊框、右邊框、左邊框分別指定特定的css屬性。具體做法如下例所示：

h1

跟許多其他屬性一樣，你也可以將有關邊框的css屬性縮寫為乙個border屬性。讓我們看乙個例子：

p

可被縮寫為：

p

在這一課，你學習了css提供的多種設定邊框的方法。

在下一課，我們將了解如何在盒狀模型中進行尺寸（高度與寬度）的定義。

第11課 邊框