de77.com

Why would one want to make a circle or elipsis in just pure CSS? Because you can easily change the color and size using CSS and it looks great even when upscaled!
And how to do it, well, it’s extremely simple- let’s create a small rectangle:

<div style="width:70px; height:50px; background-color: red"></div>

and then let’s add rounded corners to it:

-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-o-border-radius: 200px;
border-radius: 200px

The result:

Easy, right?