CSS3.0中有一个border-radius属性，这个属性允许向 div 元素添加圆角边框，也就是div边角不再一直是直角，在CSS3.0中可以做成圆角了，所以我们可以用这个属性用div画一个圆，或者同心圆。
圆 代码：
<div style="width:100px; height:100px; border-radius:100px; background-color:#eeeef4;"></div>
同心圆代码：
<div style="width:200px; height:200px; background-color:#FF9;
border-radius:200px; ">
<div style="width:100px;
height:100px; position:relative; top:25%; left:25%; border-radius:200px;
background-color:#fff;"></div>
</div>
原文：http://www.cnblogs.com/huyueping/p/3665863.html