实现圆角其实很简单,在ps中新建你要的背景色,画一个圆,规定好大小的圆,直径20px,截取4等分,各10px
说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。
获取源素材： 实现圆角其实很简单，如何获取源素材，在ps中新建以你要的背景色的图片，长20px，宽20px，在画一个圆，规定好大小的圆，直径19px，背景色调好你要的颜色，先用切片切四等分，再用剪刀截取4等分，上下各10px，保存。 然后实现圆角的代码也是很简单的，主要是设置两个div 第一个div里面有 4个标签，对应4张圆角图片，
还有另一个放内容的div
再是css，给第一个div设定position为绝对路径absolute，（那么它的子标签如果也设置了position为绝对路径的话，就会以它为基准）然后是宽，高为auto，background-color为圆角需要的颜色，再定义margin:0px; padding:0px; border:0px;
再是4个的属性设定，position为绝对路径的话，大小为宽10px,高10px,,再是相对父标签为绝对路径设定的位置数据：
.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，你又会发现框变大了，再加上边框，框继续变大。现在你知道了吗？
本文来源：https://www.wddqw.com/doc/86d1db5a0912a2161579291c.html