Image Borders with CSS

Sometimes, a website design benefits when images have frames – or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way – with CSS!

This code:

<img src="image.jpg" width="350px" height="262px" alt="Rusty Stove in Luckenbach, Texas">

Inserts a plain image into your page:

And if we add this to our CSS:

img { border-color: #7d6b72; border-style: solid; border-width: 5px; }

Then our image appears like this:

Actually, I would use shortcuts and write my CSS like this:

img { border: 5px solid #7d6b72; }

Tags: image border with CSS

- See more at: http://www.websitecodemaker.com/

All css and css3 for css tools and css3 tools with css code generator and css3 code generator. All css generator and css3 generator for css button gerator and css3 button generator, css gradient generator and css3 gradient generator, css menu maker and css menu maker, css button maker and css3 button maker other help css editor and css3 editor.