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; // 无此句，则为三角形 }