Css之border屬性

設定border屬性作用：設定對象邊框樣式，設定單獨上邊框、下邊框、左邊框、右邊框樣式，實作美化美觀。邊框起到分割、規劃布局作用。

1、四個邊框

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

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

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

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

2、四邊相同邊框border簡寫

#divcss5{border:1px solid #00F}

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

3、邊框三個樣式

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

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樣式設定方法

1、1px黑色虛線上邊框

border-top:1px dashed #000

2、1px黑色實線下邊框

border-bottom:1px solid #000

3、1px黑色虛線左邊框

border-left:1px dashed #000

4、1px黑色實線右邊框

border-right:1px solid #000

五、三邊有邊而一邊沒有設定技巧