ife-task4:css实现圆，半圆，四分之一圆的画法

在ife任务4中，画四分之一圆的时候，是画出一个圆并且结合overflow等实现，但是其实可以直接画出半圆或者四分之一圆，之前忽略了几个属性。
圆的画法：先画相应矩形，在用border-radius

1.画出圆

{ width:100px; height:100px; border-radius:50px; }

2.画出方向四个不同的本圆

.top
{ width: 100px; height: 50px; border-radius: 50px 50px 0 0; }
.right { height: 100px; width: 50px; border-radius: 0 50px 50px 0; }
.bottom { width: 100px; height: 50px; border-radius: 0 0 50px 50px; }
.left { width: 50px; height: 100px; border-radius: 50px 0 0 50px; }

3.画出四分之一个圆方法：

{ width:50px; height:50px; border-radius:50px 0 0 0; }

4.一些属性的说明

border-radius:50px 0 0 0
等价于将border-raduis属性分成四个属性来设置，把一个圆分成上左，上右，下右，下左4份
border-top-left-radius:
border-top-right-radius:
border-bottom-right-radius:
border-bottom-left-radius: