Sometimes it’s the little things that can make a big impact on your website. One of those little things is how your images look when you post them in your blog entries. I’m not referring to the images themselves or their dimensions, but their borders.

Why have the default…

When you can have something much nicer?

To get the effect shown in the examples, add the following to your stylesheet:

.prettified  {
	margin: 5px;
	padding:5px;
        background-color: #fff;
	border: 1px solid #888;
}

Then assign the class any time you want to prettify an image:

<img src="example.jpg" width="300" height="300" alt="" title="" class="prettified" />