Home Css Image How to Add Border to Image Using CSS
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.