CSS3_border-radius练习1

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_36282409/article/details/84201931

}

#circle2{
width:200px;
height:200px;
border-radius:50%;
border:30px solid #FF6699;

}
#bancircle{
width:100px;
height:200px;
background:red;
border-radius:100px 0 0 100px;

}

#quartercircle{
width:100px;
height:100px;
background:red;
border-radius:0 0 0 100px;

}

绘制一个实心圆

绘制一个空心圆

绘制一个半圆

半圆的画法是把宽度设为高度的一半，并且也只设置左上角和左下角的半径。

绘制1/4圆