一、四個邊框

border-left設置左邊框，一般單獨設置左邊框樣式使用

border-right設置右邊框，一般單獨設置右邊框樣式使用

border-top設置上邊框，一般單獨設置上邊框樣式使用

border-bottom設置下邊框，一般單獨設置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應用。

二、四邊相同邊框border簡寫

#divcss5{border:1pxsolid#00F}

設置了divcss5對象盒子1px像素藍色實線邊框

三、邊框三個樣式

通常我們可以對邊框設置寬度（厚度）、邊框樣式、邊框顏色這三個屬性與參數。

1）、邊框顏色：border-color:#000

2）、邊框厚度（寬度）：border-width:1px

使用數字+單位設置邊框厚度寬度，如1px(邊框厚度寬度為1像素)，邊框必須為正數字，大于0的數值。否則設置邊框border樣式無效。

3）、border邊框樣式：border-style:solid

邊框樣式值如下：

none:無邊框。與任何指定的border-width值無關

hidden:隱藏邊框。IE不支持

dotted:在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線（常用）

dashed:在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線（常

用）

solid:實線邊框（常用）

double:雙線邊框。兩條單線與其間隔的和等于指定的border-width值

groove:根據border-color的值畫3D凹槽

ridge:根據border-color的值畫菱形邊框

inset:根據border-color的值畫3D凹邊

outset:根據border-color的值畫3D凸邊

四、CSS單獨設置左邊框、右邊框、上邊框、下邊框

以縮寫方式寫上、下、左、右邊框單獨CSS樣式設置方法

1、1px黑色虛線上邊框

border-top:1pxdashed#000

2、1px黑色實線下邊框

border-bottom:1pxsolid#000

3、1px黑色虛線左邊框

border-left:1pxdashed#000

4、1px黑色實線右邊框

border-right:1pxsolid#000

五、常用推薦邊框樣式

我們通常使用主流瀏覽器兼容邊框樣式有：

1、實線邊框：solid

Border:1pxsolid#000設置對象1px（像素）寬厚的黑色實線邊框。

2、虛線邊框：dashed

Border:1pxdashed#000設置對象1px（像素）寬厚的黑色虛線邊框。

六、三邊有邊而一邊沒有

CSS代碼：border:1pxsolid#000;border-top:none;

注意border:1pxsolid#000;和border-top:none;前后順序不能調換。因為CSS讀取有從上到下、從左到右讀取原理，而先設置了整個邊框樣式，后再加上聲明頂部上邊邊框為“none”沒有意思，即實現該實例要的樣式。從而無需分別設置下、左、右，從而節約一定代碼。