css نىڭ ئۆزىدە بار بولغان webkit-border-radius ،moz-border-radius فونكىسىيەسى ئارقىلىق قىر چىقارساق ناھايىتى ئاسانلا مەقسىتىمىزگە يېتەلەيمىز، ئەمما IE قاتارىدىكى بىر قانچە توركۆرگۈ بۇ فۇنكىسىيە قوللىمايدۇ، بەزىلەر js ئارقىلىق بۇ ئىقتىدارنى ھەل قىلغان، ئەمما مەن js ئىشلىتىشنى ئانچە ياقتۇرۇپ كەتمەيمەن، شۇڭا بىز css ئارقىلىقلا بۇ مەسىلىنى ھەل قىلايلى.
Html قىسىمى:
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
css قىسىمى:
/*定义框大小*/
width:auto;
height:auto;
}
.bim-tt,.bim-bb,.bim-tm,.bim-bm,.bim-tb,.bim-bt,.bim-m{
/*定义框颜色*/
border-color:#FF6347;
}
.bim-t,.bim-b{
/*上部和下部*/
width:auto;
height:4px;
font-size:0;
line-height:0;
}
.bim-tt,.bim-bb{
width:auto;
height:0;
margin:0 4px;
border-top-width:1px;
border-top-style:solid;
}
.bim-tm,.bim-bm{
width:auto;
height:1px;
margin:0 2px;
border-left-width:2px;
border-right-width:2px;
border-left-style:solid;
border-right-style:solid;
}
.bim-tb,.bim-bt{
width:auto;
height:2px;
margin:0 1px;
border-left-width:1px;
border-right-width:1px;
border-left-style:solid;
border-right-style:solid;
}
.bim-m{
width:auto;
height:auto;
padding:3px;
border-left-width:1px;
border-right-width:1px;
border-left-style:solid;
border-right-style:solid;
}