有四种方法可以实现圆角。
第一、直接写CSS代码：border-radius
第二、四个圆角贴图；制作四个圆角的图片，然后用css定义
第三、直接制作整个圆角矩形背景
第四、定义12个背景色：左上角4个，右上角4个，右下角4个，左下角4个。
body *{-moz-border-radius: 0
-webkit-border-radius: 0
border-radius: 0
}
上面的是CSS清理Body下所有元素的圆角，如果想用 js 或 jquery 来控制是否取消圆角的话，改成
body.noradius *{
-moz-border-radius: 0
-webkit-border-radius: 0
border-radius: 0
}
//注意空格 body 与 .noradius 之间无空格，dius 与 * 之间有空格
然后 利用 js 或 jquery 给body 添加 class="noradius":
$('xxx').addClass('noradius') //会去掉所有圆角
CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。
代码实例：border-radius: 15px
1、把下列代码添加进入你的<style>标签内
2、清空缓存，看看效果吧（部分IE版本可能不支持）
预览
总结
这是个很实用的方法，可以让图片看起来更「精巧」一些
