weewar.com corner

Archive for April, 2008

Simple effective CSS image borders

Wednesday, April 9th, 2008

Demo ImageThis is a simple tutorial on adding light effective drop shadow borders to images.

Drop shadows make an image or photo stand out on a page making it seem like it has a little weight behind it.

Borders are easy to apply to any image using the border attribute but using more CSS can produce a good visual result without the use of additional images.

This effect can be applied site wide on just the ‘img’ tag if needed.

(more…)