Beautiful CSS Borders for your Images

Thin borders with light backgrounds

A subtle border to your photos - a good idea if your color scheme calls for a light-colored border for your images. Sometimes the sky can blend into a surrounding light color, but by setting a small amount of padding we can simulate a double border on our photo:

img {
	border: 15px solid #def;
	background: #aaa;
	padding: 1px;
}

The subtle 1px border prevents the photo from ‘bleeding’ into its border.

Supercharge your image borders | Bite Size Standards

Find this article at: http://www.labnol.org/internet/favorites/beautiful-css-borders-for-your-images/152/

web: http://www.labnol.org/ email: amit@labnol.org


If you have a question or suggestion that is not related to the above discussion, please post it in this forum. All comments are moderated.

Add a Comment

required, use real name
required, will not be published
optional, your blog address

« Back to main

Google Custom Search