CSS ARCS

Arcs are nothing but a section off a circle's border
Taking into consideration this point, it is very simple to a arc or a curve in CSS

1. Make a circle (with transparent background and one sided border).
2. Alter the width and height to change the arc
<div></div>

div {
   height:40px;
   width:40px;
   border:1px solid transparent;/*required to make other borders transparent*/
   border-left:1px solid #458;
}


Circle - only border Circle - arcs Top Right Bottom Left Circle - arcs - rotated Top Right Bottom Left

Ellipse - only border Ellipse - arcs Top Right Bottom Left Ellipse - arcs - rotated Top Right Bottom Left

Code for above table of arcs