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
Post a Comment