css3 圆角 border-radius

一个属性值：
        元素四个方向的圆角大小
两个属性值：
        第一个值表示左上角和右下角
        第二个值表示右上角和左下角
三个属性值：
        第一个值表示左上角
        第二个值表示右上角和左下角（对角）
        第三个值表示右下角
四个属性值：
        分别表示左上角、右上角、右下角、左下角的圆角大小
        顺时针方向
斜杠二组值：
        第一组值表示水平半径
        第二组值表示垂直半径
        每组值也可以同时设置1到4个值，规则与上面相同。

实心圆： border-radius: 100%;
半圆： border-radius: 60px 0 0 60px;
扇形： border-radius: 0 0 0 60px;
花瓣： border-radius: 60px 60px 0 60px;
胶囊： border-radius: 50px;
椭圆： border-radius: 80px/50px;
花：由四片花瓣组成
<div class="cell" style="border-radius: 15px 80px 0px 80px;"></div>
<div class="cell" style="border-radius: 80px 15px 80px 0px;"></div>
<div class="cell" style="border-radius: 80px 0px 80px 15px;"></div>
<div class="cell" style="border-radius: 0px 80px 15px 80px;"></div>