Double borders in CSS

Question

I'm creating PHP, Javascript based photo-gallery from scratch

The problem is, I want to make difference between simple picture and photo-album.

So simple picture borders look like that

Is that possible to create facebook like photo-album borders (double borders, which creates multiple images effect) via css or CSS3?

P.S Don't know if it will be possible with old css standarts. I mean, CSS3 probably can do it but it will not be backward compatible. In other hand, currently my php side generates 100x100 px thumbs. I need something that will not be ruined if I will increase size of thumbs.

Thx in advance

Answer 1

Use a pseudo element like :before or :after, for example: Turns out, most browsers don't like :before on images because it's not a text-containing element. You could still do this if you did it on an alternative element, like a div, and set the div's background to the original image. Or, you could try: http://jsbin.com/otivaj/edit#html,live