| How to Add Border to Image Using CSS |
|
This is your entire document
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <STYLE type="text/css"> .image{ border-style:outset; border-color:#009; border-width:10px; } </style> </head> <body> <table width=" height="260" border="0" 290"> <tr> <td class="image" > <IMG src="Dock.jpg" width="320" height="240" border="0"> </td> </tr> </table> </body> </html> Following code we have used to add effect to the border
<style type="text/css">
.image{ border-style:outset; border-color:#009; border-width:10px; } </style> Before applying Css image was like this:
After applying Css image look like this:
|
Learn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.
If you want to learn to design website learn through our Dreamweaver Tutorial.
Save your time for website designing and speed up your work by using CSS.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License