CSS border用于設置HTML元素（如div）的邊框，包括邊框的寬度、顏色和樣式。本文章向碼農(nóng)介紹CSS border邊框?qū)傩栽敿殐?nèi)容，感興趣的碼農(nóng)可以參考一下。
CSS 邊框即CSS border-border邊框樣式顏色、邊框樣式、邊框?qū)挾鹊恼Z法結(jié)構(gòu)與應用案例教程篇
一、CSS邊框基礎知識
CSS 邊框即CSS border是控制對象的邊框邊線寬度、顏色、虛線、實線等樣式CSS屬性。同時大家可以進入碼農(nóng)教程提供CSS手冊查看border。
二、Html原始邊框與CSS邊框?qū)φ?/p>
Html表格控制邊框：
說明：控制表格邊框?qū)挾葹?px，css顏色為黑色，默認為實線樣式邊框。
三、border邊框語法
1、四個邊框
border-left 設置左邊框，一般單獨設置左邊框樣式使用
border-right 設置右邊框，一般單獨設置右邊框樣式使用
border-top 設置上邊框，一般單獨設置上邊框樣式使用
border-bottom 設置下邊框，一般單獨設置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應用。
2、四邊相同邊框border簡寫
設置了manong對象盒子1px像素藍色實線邊框
3、邊框三個樣式
通常我們可以對邊框設置寬度（厚度）、邊框樣式、邊框顏色這三個屬性與參數(shù)。
1）、邊框顏色：border-color:#000
2）、邊框厚度（寬度）：border-width:1px
使用數(shù)字+單位設置邊框厚度寬度，如1px(邊框厚度寬度為1像素)，邊框必須為正數(shù)字，大于0的數(shù)值。否則設置邊框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 : 根據(jù)border-color的值畫3D凹槽
ridge : 根據(jù)border-color的值畫菱形邊框
inset : 根據(jù)border-color的值畫3D凹邊
outset : 根據(jù)border-color的值畫3D凸邊
四、CSS單獨設置左邊框、右邊框、上邊框、下邊框
以縮寫方式寫上、下、左、右邊框單獨CSS樣式設置方法
1、1px黑色虛線上邊框
新聞熱點
疑難解答
