Flattr this!

Change the image border radius in CSS:

Its simple to change the radius of an image in CSS and make it curvy:

On HTML file :

<div id=”menu”>”You can have your menu links here”</div>

In CSS file :

#menu{
background: url(“/path/img.jpg”);
border: 1px solid #000000;
border-radius: 0px 0px 5px 5px;
}

1. 0px is top-left radius
2. 0px is top-right radius
3. 5px is bottom-right radius
4. 5px is bottom-left radius