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