語法
1楚堤、四個(gè)邊框
border-left 設(shè)置左邊框稳懒,一般單獨(dú)設(shè)置左邊框樣式使用
border-right設(shè)置右邊框咕别,一般單獨(dú)設(shè)置右邊框樣式使用
border-top 設(shè)置上邊框没咙,一般單獨(dú)設(shè)置上邊框樣式使用
border-bottom 設(shè)置下邊框师骗,一般單獨(dú)設(shè)置下邊框樣式使用,有時(shí)可將下邊框樣式作為css下劃線效果應(yīng)用皆怕。
2缅帘、四邊相同邊框border簡寫
#divcss5{border:1px solid #00F}
設(shè)置了divcss5對(duì)象盒子1px像素藍(lán)色實(shí)線邊框
3磷杏、邊框三個(gè)樣式
通常我們可以對(duì)邊框設(shè)置寬度(厚度)对竣、邊框樣式庇楞、邊框顏色這三個(gè)屬性與參數(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平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為點(diǎn)線蹬跃。否則為實(shí)線(常用)
dashed : 在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為虛線匙瘪。否則為實(shí)線(常用)
solid : 實(shí)線邊框(常用)
double : 雙線邊框。兩條單線與其間隔的和等于指定的border-width值
groove : 根據(jù)border-color的值畫3D凹槽
ridge : 根據(jù)border-color的值畫菱形邊框
inset : 根據(jù)border-color的值畫3D凹邊
outset : 根據(jù)border-color的值畫3D凸邊