在建企業(yè)網(wǎng)站的時(shí)候，會(huì)用到一些邊框，無(wú)論是表格或是div，布局的時(shí)候邊框可以做為一個(gè)分界線，讓內(nèi)容對(duì)比或襯托更加明顯。邊框的使用其實(shí)也很簡(jiǎn)單，一個(gè)是邊框的粗細(xì)，另一個(gè)是邊框的顏色?？梢詫?duì)局部整體設(shè)置，也可以單獨(dú)設(shè)置上下左右四個(gè)方向的邊框。在CSS中有一個(gè)關(guān)于顏色的屬性：border-color，它一次可以接受最多4個(gè)顏色值。

border-color值：[<color>|transparent]{1,4} | inherit?? 初始值：對(duì)簡(jiǎn)寫(xiě)屬性未定義計(jì)算值：?jiǎn)蝹€(gè)屬性（border-top-color，頂部邊框顏色）

如果網(wǎng)頁(yè)設(shè)計(jì)的邊框值小于4個(gè)，值復(fù)制就會(huì)起作用。如果設(shè)計(jì)人員希望h1元素有細(xì)的黑色上下邊框，而且有粗的灰色左右邊框，在CSS樣式中應(yīng)該這樣寫(xiě):

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

當(dāng)然一個(gè)顏色值會(huì)應(yīng)用到所有4個(gè)邊，如果應(yīng)用了4個(gè)顏色值，那么每邊都會(huì)有不同的顏色?？梢允褂萌魏晤愋偷念伾?，例如可以是命名顏色，也可以是十六進(jìn)制和RGB值：

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

也可以使用簡(jiǎn)寫(xiě)的方式一次性定義多個(gè)邊框，比如對(duì)某一個(gè)段落P進(jìn)行設(shè)置：

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

還有一些單邊border-color屬性。其原理與單邊樣式和寬度屬性相同。網(wǎng)站建設(shè)人員要為標(biāo)題指定一個(gè)實(shí)線黑色邊框，而且右邊框?yàn)閷?shí)線灰色，可以如下指定：

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

邊框四個(gè)方向?qū)?yīng)的屬性名稱：

頂部border-top-color、右側(cè)border-right-color、底部border-bottom-color、 左側(cè)border-left-color

透明邊框的使用：
在有些情況下網(wǎng)頁(yè)制作人員可能想創(chuàng)建一個(gè)不可見(jiàn)的邊框。這就引人了邊框顏色值transparent（在CSS2中引入）。這個(gè)值用于創(chuàng)建有寬度的不可見(jiàn)邊框。假設(shè)你希望包含3個(gè)鏈接的一組鏈接有邊框，默認(rèn)地這些邊框不可見(jiàn)，不過(guò)，鼠標(biāo)停留在鏈接上時(shí)邊框要凸起。為此可以讓邊框在鏈接處于非懸停狀態(tài)下透明：

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

利用transparent，使用邊框就像是額外的內(nèi)邊距一樣，此外還有一個(gè)好處，就是能在你需要的時(shí)候使其可見(jiàn)。這種透明邊框相當(dāng)于內(nèi)邊距，因?yàn)樵氐谋尘皶?huì)延伸到邊框區(qū)（假設(shè)有可見(jiàn)的背景）。

警告：在IE7之前，IE/Win沒(méi)有提供對(duì)transparent的支持。在以前的版本中，IE會(huì)根據(jù)元素的color值來(lái)設(shè)置邊框顏色。