实现圆角其实很简单，在ps中新建你要的背景色，画一个圆，规定好大小的圆，直径20px,截取4等分，各10px

获取源素材：

实现圆角其实很简单，如何获取源素材，在ps中新建以你要的背景色的图片，长20px，宽20px，在画一个圆，规定好大小的圆，直径19px，背景色调好你要的颜色，先用切片切四等分，再用剪刀截取4等分，上下各10px，保存。

然后实现圆角的代码也是很简单的，主要是设置两个div 第一个div里面有 4个

还有另一个放内容的div

再是css，给第一个div设定position为绝对路径absolute，（那么它的子标签如果也设置了position为绝对路径的话，就会以它为基准）然后是宽，高为auto，background-color为圆角需要的颜色，再定义margin:0px; padding:0px; border:0px;

再是4个

.a{ position:absolute; width:10px; height:10px; top:0px; left:0px;} .b{ position:absolute; width:10px; height:10px; top:0px; right:0px;} .c{ position:absolute; width:10px; height:10px; bottom:0px; left:0px;} .d{ position:absolute; width:10px; height:10px; bottom:0px; right:0px;}

再是内部div，设定你需要的高宽，然后加上padding：10px; ,div的高宽是计算了包含了padding之后的高宽，

（另外补充一个常识，就是感觉padding的性能更稳定，所以能用padding的就用padding，在层里面，margin-bottem经常失效，需要在后面再加个

还有就是div的宽度，高度的计算规则是div的宽度=width+padding+border+margin） 怎么来解释呢，就是已经存在在那的像素是不会减少的，只可能增加，你定义一个300宽高的div，然后给它加上padding10px，你会发现，框大了，你再给它加上10像素的margin，你又会发现框变大了，再加上边框，框继续变大。现在你知道了吗？