July 28, 2010

round corners in a image

Question by Kumod

I want to display my images with rounded corners in a web page.
i want to bring the below effect on my image in a page
see the image

Rounded Image

Answer by Starx

For a CSS solution try this

<img src="yourimg.jpg" style="border:1px #000 solid;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;"/>

Note:
border-radius is a CSS3 tag so it will not work in old browsers

...

Please fill the form - I will response as fast as I can!