css3 圆形、圆环、半圆、四分之一圆、扇形

1. 圆形

border-radius: 50%;

2. 圆环

{
　　width: 40px;
　　height: 40px;
　　border: 70px solid red;
　　border-radius: 90px;
}

3. 半圆

{
    width: 180px;
    height: 90px;
    border-radius: 90px 90px 0 0;
}

 

4. 四分之一圆

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

 

5. 四分之一扇形

{
    width: 0px;
    height: 0px;
    border: 90px solid transparents;
    border-bottom-color: red;
    border-radius: 90px; // 无此句，则为三角形
}