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

通過 border 單個屬性設置的邊框格式為 ：border:邊框大小 邊框類型 邊框顏色;

利用這種方式設置邊框，標簽將自動對四條邊框進行設置，可以單獨設置一個屬性值，border 其他的屬性值會有默認值補上。

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

邊框的顏色設置也有多種，可以通過 井號(#) 加上六位十六進制數表示顏色，也可以通過顏色對應的英文進行著色，但是這種顏色比較嚴謹單一，可選較少。

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

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

通過順時針方向（即上、右、下、左）為這個屬性附上四個屬性值，可以依次修改各條邊框的類型，對應的值會修改到對應的邊框上（即第一個屬性值為上邊框類型，第二個為右邊框類型，依次類推……）。

也可以只有三個屬性值，在條件允許的情況下，設置三個屬性值代表著上邊框、右邊框還有下邊框，這個時候左邊框的屬性值講自動和右邊框的對應，即右邊框是什么類型，左邊框就是什么類型。

最后還可以是兩個屬性值，這個時候我們填寫的兩個屬性值分別代表上邊框和右邊框，下邊框的屬性值將自動和上邊框對應，左邊框的屬性值將自動和右邊框的對應。

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

順時針方向填寫屬性值的四個屬性值為一種，通過省略左邊框屬性值的為一種，通過省略左邊框和下邊框的屬性值為一種，具體顏色的屬性值與前面介紹的一致。

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

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

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

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

最后還可以單獨的為單條邊框設置屬性值：

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

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

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

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

屬性值決定對應的屬性。