How do I make a tiny 'shadow' under an image, like this one?

http://www.deviantart.com/#order=9&q=sun

As you can see, each picture...underneath it...it has a little tiny shadow around the edges.

How can this be done with a variab开发者_如何学Cle size image? (css)

Beside the answers above, let me explain how devianart does it ..

they have an image generator, that creates the shadow image at anysize they want ..

You can see the background shadow of an image at http://sh.deviantart.net/shadow/x/113/150/logo3.png now playing around with the url and altering the 113 and 150 creates new images of arbitrary size which they use ...

You can use box-shadow, but it wouldn't work cross browser: http://www.css3.info/preview/box-shadow/

You can do this by shifting a background image behind the original image. There are quite a few tutorials on the internet: Tutorial 1 Tutorial 2