CSS 邊框

語法

1、四個邊框
border-left 設(shè)置左邊框,一般單獨設(shè)置左邊框樣式使用
border-right設(shè)置右邊框,一般單獨設(shè)置右邊框樣式使用
border-top 設(shè)置上邊框,一般單獨設(shè)置上邊框樣式使用
border-bottom 設(shè)置下邊框,一般單獨設(shè)置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應(yīng)用。

2、四邊相同邊框border簡寫

#divcss5{border:1px solid #00F}
設(shè)置了divcss5對象盒子1px像素藍色實線邊框

3、邊框三個樣式

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

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

2)、邊框厚度(寬度):border-width:1px
使用數(shù)字+單位設(shè)置邊框厚度寬度,如1px(邊框厚度寬度為1像素),邊框必須為正數(shù)字,大于0的數(shù)值。否則設(shè)置邊框border樣式無效。

3)、border邊框樣式:border-style:solid

邊框樣式值如下:
none :  無邊框。與任何指定的border-width值無關(guān)
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凸邊

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容