:
Click to view the effect: http://www.miiceic.org.cn/ios/
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> iPhone and iPad development practices </title>
</Head>
<Script type = "text/javascript" src = "http://www.miiceic.org.cn/templets/new/images/curvycorners.js"> </script>
<Style>
. RoundedCorners {width: 101px; height: 101px; background-color: # e9e9e9; border: 1px solid # ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px; float: left ;}
. Jpkctsaleftimg {text-align: center; padding-top: 20px ;}
. Jpkctsalefttxt {text-align: center; padding-top: 5px; font-size: 14px; font-weight: bold ;}
</Style>
<Body>
<Script type = "text/JavaScript">
AddEvent (window, 'load', initCorners );
Function initCorners (){
Var setting = {
Tl: {radius: 6 },
Tr: {radius: 6 },
Bl: {radius: 6 },
Br: {radius: 6 },
AntiAlias: true
}
CurvyCorners (setting, ". roundedCorners ");
}
</Script>
<Div class = "roundedCorners"> <div class = "jpkctsaleftimg"> </div>
<Div class = "jpkctsalefttxt"> basic </div>
</Body>
</Html>
From Xiaoxiao