通過(guò)CSS邊框設(shè)置可以為 div 等標(biāo)簽添加邊框，利用CSS添加邊框的格式有多種，主要包括邊框大小、邊框類型和邊框顏色。

通過(guò) border 單個(gè)屬性設(shè)置的邊框格式為 ：border:邊框大小 邊框類型 邊框顏色;

利用這種方式設(shè)置邊框，標(biāo)簽將自動(dòng)對(duì)四條邊框進(jìn)行設(shè)置，可以單獨(dú)設(shè)置一個(gè)屬性值，border 其他的屬性值會(huì)有默認(rèn)值補(bǔ)上。

border 的每一個(gè)屬性值都需要用空格隔開(kāi)，邊框大小的單位為像素（px），邊框類型有很多種，可以在W3C手冊(cè)中查找需要的屬性值，一般常見(jiàn)的有實(shí)線(solid)和虛線(deshed)。

邊框的顏色設(shè)置也有多種，可以通過(guò) 井號(hào)(#) 加上六位十六進(jìn)制數(shù)表示顏色，也可以通過(guò)顏色對(duì)應(yīng)的英文進(jìn)行著色，但是這種顏色比較嚴(yán)謹(jǐn)單一，可選較少。

通過(guò)上面的方式設(shè)置的邊框過(guò)于單一，border 屬性為了可以更加細(xì)致的修飾邊框，還有以下的設(shè)置屬性。

border-style 屬性，這個(gè)屬性可以修改邊框的類型，屬性值的填寫(xiě)有多種形式：

通過(guò)順時(shí)針?lè)较颍瓷稀⒂摇⑾隆⒆螅檫@個(gè)屬性附上四個(gè)屬性值，可以依次修改各條邊框的類型，對(duì)應(yīng)的值會(huì)修改到對(duì)應(yīng)的邊框上（即第一個(gè)屬性值為上邊框類型，第二個(gè)為右邊框類型，依次類推……）。

也可以只有三個(gè)屬性值，在條件允許的情況下，設(shè)置三個(gè)屬性值代表著上邊框、右邊框還有下邊框，這個(gè)時(shí)候左邊框的屬性值講自動(dòng)和右邊框的對(duì)應(yīng)，即右邊框是什么類型，左邊框就是什么類型。

最后還可以是兩個(gè)屬性值，這個(gè)時(shí)候我們填寫(xiě)的兩個(gè)屬性值分別代表上邊框和右邊框，下邊框的屬性值將自動(dòng)和上邊框?qū)?yīng)，左邊框的屬性值將自動(dòng)和右邊框的對(duì)應(yīng)。

border-color 屬性，這個(gè)屬性可以修改邊框的顏色，屬性值的填寫(xiě)跟 border-style 屬性值的填寫(xiě)也基本一致。

順時(shí)針?lè)较蛱顚?xiě)屬性值的四個(gè)屬性值為一種，通過(guò)省略左邊框?qū)傩?#20540;的為一種，通過(guò)省略左邊框和下邊框的屬性值為一種，具體顏色的屬性值與前面介紹的一致。

border-width 屬性，這個(gè)屬性可以修改邊框的顏色，屬性值的填寫(xiě)也是大同小異，屬性值為 數(shù)字 加 單位像素(px)，也是三種，寫(xiě)法一致，這里不做介紹。

除了上面的幾種設(shè)置形式，為了解決單條邊框的設(shè)置屬性問(wèn)題，border 同樣有其他的單一設(shè)置的屬性。

border-left 屬性，這個(gè)屬性代表設(shè)置左邊框，屬性值有邊框大小、邊框類型和邊框顏色，同樣可以單獨(dú)設(shè)置一個(gè)屬性值。

依次類推，還有 border-top 屬性設(shè)置上邊框，border-right 屬性設(shè)置右邊框，border-bottom 屬性設(shè)置下邊框。

最后還可以單獨(dú)的為單條邊框設(shè)置屬性值：

border-top-style：設(shè)置上邊邊框的類型 border-top-color：設(shè)置上邊邊框的顏色 border-top-width：設(shè)置上邊邊框的大小。

border-right-style：設(shè)置右邊邊框的類型 border-right-color：設(shè)置右邊邊框的顏色 border-right-width：設(shè)置右邊邊框的大小。

border-bottom-style：設(shè)置下邊邊框的類型 border-bottom-color：設(shè)置下邊邊框的顏色 border-bottom-width：設(shè)置下邊邊框的大小。

border-left-style：設(shè)置左邊邊框的類型 border-left-color：設(shè)置左邊邊框的顏色 border-left-width：設(shè)置左邊邊框的大小。

屬性值決定對(duì)應(yīng)的屬性。