<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
div{
width:200px;
height:100px;
background: #90EE90;
float:left;
}
.one{
border-radius:50% 0 50% 0/100% 0 100% 0;
}
.two{
border-radius:100% 0 100% 0;
}
.three{
height:200px;
border-radius:100% 100% 100% 0/100% 100% 100% 0;
}