Adding a Padded Color Border to Images

If you are looking to add a colored border to your images, this tutorial will show you how. Keep in mind that there are a few areas within the stylesheet that define images, so you might have to apply this code to more than one area. Look for this code in the style.css file:

#contentleft p img {
border: none;
float: left;
margin: 0px 10px 10px 0px;
}

If you are looking to add 5px of padding to your image, and then wrapping it in a colored border, change your code to look like this:

#contentleft p img {
float: left;
border: none;
margin: 0px 10px 10px 0px;
padding: 5px;
border: 1px solid #000000;
}

The #000000 specifies what hex code you want to use for the color of the border that you want surrounding your image. If you want a thicker border, try using border: 2px instead.