在的時候，會用到一些邊框，無論是表格或是div，布局的時候邊框可以做為一個分界線，讓內容對比或襯托更加明顯。邊框的使用其實也很簡單，一個是邊框的粗細，另一個是邊框的顏色。可以對局部整體設置，也可以單獨設置上下左右四個方向的邊框。在CSS中有一個關於顏色的屬性：border-color，它一次可以接受最多4個顏色值。

border-color值：[<color>|transparent]{1,4} | inherit   初始值：對簡寫屬性未定義計算值：單個屬性（border-top-color，頂部邊框顏色）

如果網頁設計的邊框值小於4個，值複製就會起作用。如果設計人員希望h1元素有細的黑色上下邊框，而且有粗的灰色左右邊框，在CSS樣式中應該這樣寫:

h1{border-style:solid;border-width:thin thick;border-color:black gray;}

當然一個顏色值會應用到所有4個邊，如果應用了4個顏色值，那麽每邊都會有不同的顏色。可以使用任何類型的顏色值，例如可以是命名顏色，也可以是十六進製和RGB值：

p{
    border-style:solid;border-width:thick;
    border-color:black rgb(25%,25%,25%)#808080 silver;}

也可以使用簡寫的方式一次性定義多個邊框，比如對某一個段落P進行設置：

P{
    border:#cecece 1px solid; //四個邊框均為灰色1px
}

還有一些單邊border-color屬性。其原理與單邊樣式和寬度屬性相同。網站建設人員要為標題指定一個實線黑色邊框，而且右邊框為實線灰色，可以如下指定：

P{border-style:solid;border-color:black;border-right-color:gray;}

邊框四個方向對應的屬性名稱：

頂部border-top-color、右側border-right-color、底部border-bottom-color、 左側border-left-color

透明邊框的使用：
在有些情況下網頁製作人員可能想創建一個不可見的邊框。這就引人了邊框顏色值transparent（在CSS2中引入）。這個值用於創建有寬度的不可見邊框。假設你希望包含3個鏈接的一組鏈接有邊框，默認地這些邊框不可見，不過，鼠標停留在鏈接上時邊框要凸起。為此可以讓邊框在鏈接處於非懸停狀態下透明：

a:link, a:visited {
    border-style: solid; border-width: 5px; border-color: transparent;}
a:hover {border-color: gray;}

利用transparent，使用邊框就像是額外的內邊距一樣，此外還有一個好處，就是能在你需要的時候使其可見。這種透明邊框相當於內邊距，因為元素的背景會延伸到邊框區（假設有可見的背景）。

警告：在IE7之前，IE/Win沒有提供對transparent的支持。在以前的版本中，IE會根據元素的color值來設置邊框顏色。