« Strange Reality in Second Life | Main | Planning my LING 404 Syllabus »

Adding a Frame to all Images Within CSS

I write a lot of documentation with screen captures, but many times the images have white backgrounds and don't like without a border.

You can add borders in Photoshop, but if you have access to the CSS, it may be easer to write a style to add borders around an image.

A simple example is


CSS - img.border {border: 1px solid black; margin: 7px}
HTML - <img src="" alt="" class="border" />

Adding the margin also ensures there is a nice cushion around each graphic.

Comments (1)

IWEDI:

very useful tip , thanks .

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

About

This page contains a single entry from the blog posted on May 18, 2007 3:25 PM.

The previous post in this blog was Strange Reality in Second Life.

The next post in this blog is Planning my LING 404 Syllabus.

Many more can be found on the main index page or by looking through the archives.

Powered by
Movable Type 3.33