CSS3实例代码绘制的半圆弧

本文介绍了CSS3的示例代码实现的半圆弧形,与你分享,如下:

CSS代码


{。circle1
宽度:100px;
身高:200px;
border: 1px solid黑;
边框半径:100% 00 100% 50%;
边界权:无;
}
{圈。
宽度:200px;
身高:100px;
border: 1px solid黑;
边框半径:50%,50%,0,0,100%,100%,00;
边界底部:无;
}
{轮回。
宽度:100px;
身高:200px;
border: 1px solid黑;
边框半径:0,100%,100%,0 50%;
左边框:无;
}
{。定时
宽度:200px;
身高:100px;
border: 1px solid黑;
边框半径:00,50%,50%,0,0,100%,100%;
边界顶:无;
}


HTML代码










结果如下:


以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。