how to get same effect as table border using CSS

[jasonc]

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>

[michaellunsford]

It's just a simple border - you could do this with just about anything, and with any width border. Here's an approximation to the way my browser renders your code.

 

/* css stylesheet */
.threedborder {
width:100%;
height:100px;
border: 30px solid #CCCCCC;
border-bottom-color: #5A5A5A;
border-right-color: #5A5A5A;
}

<table class="threedborder">
  <tr>
     <td>
   </td>
</tr>
</table>

[nano]

I think he is after the border-style property. Different options can be seen here: http://www.w3schools.com/css/css_border.asp

 

You may be after the following: border: inset 1px #000;

 

Good luck