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

Author: Nabin Nepal (Starx)

Hello, I am Nabin Nepal and you can call me Starx. This is my blog where write about my life and my involvements. I am a Software Developer, A Cyclist and a Realist. I hope you will find my blog interesting. Follow me on Google+

...

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