Question

I want to add multiple borders on a single image. Is this possible through CSS?

Example: http://imageshack.us/photo/my-images/31/multiplebg.jpg/

Answer 1

At the moment it’s not possible to make more than one border in CSS. You can kind of fake having three borders by using some clever css3 shadowing techniques.

div
{
    margin: 10px;
    border: 2px solid #f00;
    box-shadow:inset 0px 0px 2px 2px #0f0, 0px 0px 2px 5px #00f;
}

But I’d just go with adding the borders to the image as this isn’t supported by IE. (Maybe IE9 supports it.)