????竹???CSS5 > DIV CSS???? >

CSS border ?????

?????????2013-02-05 14:00:00 ?????css5.com.cn

CSS ?????CSS border-border?????????????????????????????????e???????

???CSS ????????

CSS ???CSS border??????????????????????????????????CSS????????????????CSS5??CSS?????border?????//www.css5.com.cn/shouce/c_border.shtml
DIV+CSS???border??????

????Html???????DIV+CSS??????

Html?????????
border="1" bordercolor="#000000"
????????????????1px??css??????????????????????

????border?????

1????????
border-left ???????????????????????????
border-right ???????????????????????????
border-top ???????????????????????????
border-bottom ?????㊣????????????㊣????????,???????㊣????????css?????完????芍?

2???????????border??忱

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

??????CSS5???????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???

4???????????????

css border??????完???
???border-style???完???

???CSS?????????????????????㊣??

????忱???忱??????????????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

?]?????????????

?????????????????????????????孝?

1???????solid
Border:1px solid #000 ???????1px??????????????????

2????????dashed
Border:1px dashed #000 ???????1px???????????????????

????css border??????

??????????????????????????㊣??????????????????????????????????????????芍?

???border???????????忱?????

border css????????????
CSS border????????????????????忱???????border??

???css?????e???????

?????????????完?????????????css????200px??css???1px,?????????DIV????

CSS??????

#CSS5{height:100px;width:200px;border:1px solid #F00}

HTML?????????曳?

<div id="CSS5">??????100px,????200px</div>

???css border????????

border?????e??????
???border????????????????

???css???border???

???????DIV CSS??????border??????????????邦?忱?????????????????border????????????????????????芍????????????????????????????????????????忱?????忱CSS??????CSS ????????忱???????????????CSS?????????????border:1px solid #000;??

?????????忌???????????邦???

?????????忌???????????1PX???????????????忌??

CSS ???? border:1px solid #000; border-top:none;
???border:1px solid #000; ??border-top:none;????????????????CSS????忱??????????????????????????????????????????????????????????????“none”???????????????????????????????????????????????????????????

??????
CSS ???
CSS ???
CSS padding
CSS margin

???(Tag): ??? border
???????URL?????/css/120.shtml

?????css

??????CSS ??????y??css width
??????css ??????font-weight ?????