css3绘制半圆的方法：1、利用border-radius属性实现，只需要将相邻两个角的值设置为宽/高度的一半，另两个角设置为0即可。2、利用css3的clip属性和rect()函数来实现。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
方法1：使用border-radius实现半圆
border-radius属性用于给元素设置圆角边框，可以指定1-4值，为边框创建（1~4个）圆角效果
语法：
立即学习“前端免费学习笔记（深入）”；
border-radius: 1-4 length|%
每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。
示例：
用border-radius实现半圆
- 上边圆
- 左边圆
- 下边圆
- 左边圆
- 全圆
效果图：
企业网站通用源码1.0
下载
企业网站通用源码是以aspcms作为核心进行开发的asp企业网站源码。企业网站通用源码是一套界面设计非常漂亮的企业网站源码，是2016年下半年的又一力作，适合大部分的企业在制作网站是参考或使用，源码亲测完整可用，没有任何功能限制，程序内核使用的是aspcms，如果有不懂的地方或者有不会用的地方可以搜索aspcms的相关技术问题来解决。网站UI虽然不是特别细腻，但是网站整体格调非常立体，尤其是通观全
方法2：使用css3的clip 方法剪裁实现半圆
clip 属性剪裁绝对定位元素。也就是说，只有 position:absolute 的时候才是生效的。唯一合法的形状值是：rect (top, right, bottom, left)
示例：
css3的clip 方法剪裁实现半圆
- 左半圆
- 右半圆
效果图：
（学习视频分享：css视频教程）
