本文介绍了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代码










结果如下：


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