Simple Borders around your images

Simple Borders around your images

This tutorial with guide you through how to add a simple border around your images.


There are 2 ways of doing this. You can either put the border code in the CSS section and give the image a class or put the border code directly in to the img tag.


In your image tag:

<img xsrc="image.jpg" height="40" width="40" alt="Image" border="0" />


You need to add the style attribute then type in:

border: 1px solid #666666; padding: 5px;


Or you just add this code to your css and add the class to the image.

For some examples of different borders click here

There are a few problems with compatibility between browsers.