CSS Border-radius Drawing Circle

1.CSS Painted Solid Circle

The length and width are equal, and the Border-radius is set to half the length (width).

{
    width:px;
    height:px;
    Background-color #a72525;
    -webkit-border-radius: +px;
}

2.CSS Painted Hollow Circle

Similar to drawing a solid circle method, just set the border size to less than half the length (width).

{
    width:px;
    height:px;
    Background-color #efefef; /* Can set to Transparent *
    /Border:3solid;
    -webkit-border-radius: +px;
}

3.CSS Draw Dashed Circle

{
    width:px;
    height:px;
    Background-color #efefef; /* Can set to Transparent *
    /Border:3dashed;
    -webkit-border-radius:[+] + px;}

4.CSS painting (left) semicircle

{
    width: +px;
    height:px;
    Background-color #a72525;
    -webkit-border-radius:0 0px;
}

5.CSS Draw 1/4 Round

{
    width:px;
    height:px;
    Background-color #a72525;
    -webkit-border-radius:0 0 0;
}