Border-Radius On Images

[cclloyd9785]

I wan't to make a border-radius apply to an image with css. Like make this image have rounded corners, but with CSS so I can change it easily and have it in multiple places with different radii.

[Ingolme]

You can give the border radius to the <img> element, or give a border radius to the element which has the image as a background. You can't manipulate the file itself, you'll have to modify it in photoshop for that.

[TheGallery]

I am not sure if this is the best way to do it but try it. The html code:

<div class="image">	<img src="img/name.png" height="x" width="y" alt=""/></div>

And the CSS code:

.image {	height=x;	width=y;	border: solid 0px #fff;	border-radius: j%;}

I am not sure if the

border: solid 0px #fff;

is needed. The image should have rounded corners since it is inside that div. Edit: Woops Ingolme got me as i was writing this