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; // 無此句，則為三角形 }