By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,694 Members | 1,622 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,694 IT Pros & Developers. It's quick & easy.

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

P: n/a
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

Jul 23 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
If you're targeting IE you can use the DropShadow filter :

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

Jul 23 '05 #2

P: n/a
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


Jul 23 '05 #3

P: n/a
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
Jul 23 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.