Сделайте четверть Circle CSS
.quarter{
width: 150;
height: 150;
border-top-right-radius:0;
border-top-left-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:100%;
background: red;
}
Fierce Frog