html - rounded corners on a thumbnail -


is possible make corners of thumbnail rounded using css?

edit - html starting point is:

<img src='test.jpg' width='50' height='50' /> 

it has no css on @ start , wanting round corners little...

edit+note: moz-border method doesn't round corners of image itself, hoping for, instead rounds corners of boarder square around images. looks ok...

to expand @clayton's answer:

you can natively in any modern browser:

-moz-border-radius: 5px; border-radius: 5px; 

the vendor prefix -moz disappear soon.

see this jsfiddle see in action. notice, also, rounding applied directly <img> element.

this works in current versions of 5 major browsers.


Comments

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -