Home Css Image
Image
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:

Apply Border to Image Using Css

After applying Css image look like this:

Apply Border to Image Using Css
 


Featured Articles

Adobe Illustrator
  Adobe IllustratorLearn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.
Adobe Dreamweaver
Adobe Dreamweaver If you want to learn to design website learn through our Dreamweaver Tutorial.
CSS (Cascading Style Sheets)
Css Save your time for website designing and speed up your work by using CSS.

Creative Commons

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