How to make a drop shadow for a table or td thru CSS

[surajitkhan]

Hi

Can anyone tell me how to make a drop shadow for a table or td through
css. I dont want to use any image. I want it done through background
color.

Thanks
Surajit

[michael elias]

If you're targeting IE you can use the DropShadow filter :

msdn.microsoft.com/workshop/author/filter/reference/reference.asp

[surajitkhan]

No I am targeting both IE and NS. So want something in css and not a
filter option.
michael elias wrote:

If you're targeting IE you can use the DropShadow filter :

msdn.microsoft.com/workshop/author/filter/reference/reference.asp

[Gus Richter]

su*********@gmail.com wrote:

No I am targeting both IE and NS. So want something in css and not a
filter option.

This works in all browsers. Modify it to your needs.

..wrapper {position:relative;top:100px;height:80px;}
..shade {position:absolute;top:3px;left:2px;color:silver;w idth:100%;}
..fill {position:absolute;top:0;left:0;color:black;width: 100%;}
h1 {text-align:center;}

<div class=wrapper>
<div class="shade"><h1>Drop Shadow</h1></div>
<div class="fill"><h1>Drop Shadow</h1></div>
</div>

--
Gus