Simple Borders around your images

Posted on Sun, 2006-04-23 14:36

Simple Borders around your images

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

1.

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.

2.

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.