How to make a circle or elipsis in pure CSS?
Rounding corners of JPEG images with CSS
![](foto/Circle-or-Ellipsis-in-CSS.jpg)
Instead of creating transparent PNG or GIF images you can now use JPEGs and just cut them into circles with CSS.
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?
Comments