how to get same effect as table border using CSS

I wish to get the same effect as a table border is but using CSS instead.

What CSS code would do this?


<table border="1">
<tr>
<td style="background-image:url('Image.gif'); width: 200px; height: 200px;"><img src="images/space.gif" width="200" height="200" alt="">
</td>
</tr>
</table>


I have used this code but it does not show a border at all.


<div style="border: 1px; background-image:url('Image.gif'); width: 200px; height: 200px;"><img src="images/space.gif" width="200" height="200" alt="">
</div>

border: 4px solid #0A3080;

i have been playing around the code a bit and also tried your method, what i really wanted is the same colours as in my original table. a sort of blue gray/silver effect



<div style="border: 4px; solid #FF0066; margin: 4px; background-image:url('Image.gif'); width: 200px; height: 200px;"><img src="images/space.gif" width="200" height="200" alt="">
</div>

Could you upload your Image.gif file?

The border is not part of the image.

But having said that here is the image.

looking at my posts i think what i am wanting to say is i wish for the div to have the same style as the table has, a raised up style border.

Here is a better example.

below is a large border version to show what i mean.

the border seems to be 3d like, jumping up from the page.

how do i get this using CSS


<table width="100%" height="100" border="30">
<tr>
<td>
</td>
</tr>
</table>

table{
border:30px outset #0A3080;
}

sorry forgot to reinterate that the border was for a DIV, i am converting all table to divs.

sorry forgot to reinterate that the border was for a DIV, i am converting all table to divs.
So what? :( Can't you do and test the rest at your end?

<div style="border: 4px; outset #0A3080; background-image:url('Image.gif'); width: 200px; height: 200px;">
<img src="images/space.gif" width="200" height="200" alt="">
</div>


does not give the same border results as


<table border="1" bordercolor="#000000">
<tr>
<td background="Image.gif" width="200" height="200"><img src="images/space.gif" width="200" height="200"></td>
</tr>
</table>


I am wanting the same look that the tables give but using DIV's and CSS

There's an error(extra character) in your style. Make use of CSS validator (http://jigsaw.w3.org/css-validator/#validate_by_input) to detect it.