<style>
.yuan{
width:200px;
height:200px;
border-radius:100% 0 0 0;
background:#F00;
}
</style>
<div class="yuan"></div>
其他方向
用css3的border-radius属性
右上角的1/4个圆
border-top-right-radius:100%;
左上角的1/4个圆圈
border-top-left-radius:100%
右下角的1/4个圆
border-bottom-right-radius:100%;
左下角的1/4个圆圈
border-bottom-left-radius:100%
一些浏览器不兼容css3需要用JavaScript定义属性
object.style.borderRadius="100% 0 0 0"