一，圆形：

image.png

.circle {
 border-radius: 50%;
 }

二，半圆：

image.png

.semi-circle {
 border-radius: 100px 100px 0 0;
 height: 50px;
 }

三，扇形

image.png

.sector {
    border-radius: 100px 0 0;

}

四，弧形：

image.png

.arc{
        border-radius: 100px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
 }