Skeletorscorpse

Tutorials for everyone

  • Increase font size
  • Default font size
  • Decrease font size

Simple Borders around your images

E-mail Print PDF
0 Votes

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.

 

0 Comments

Add Comment

Main Menu