2010-09-27 48 views
5

我想添加一個微妙的陰影,使我的表看起來提出。如何使用CSS將陰影添加到整個表格?

只要使用CSS,我該怎麼做?

+1

什麼是CSS版本? CSS3在某些瀏覽器上不兼容,所以我猜測box-shadow標記不起作用。但是其他瀏覽器具有不同的標籤。陰影{{0} {0} {0} {0} {0} -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc; } – EKet 2010-09-27 17:07:43

+0

儘可能多的瀏覽器。但是我可能只是默認CSS3,如果這是我能得到的。 – marcamillion 2010-09-27 17:50:12

回答

10

table { box-shadow: 1px 1px 1px #999; }

更多的box-shadow這裏的例子:http://www.css3.info/preview/box-shadow/

+1

實際工作的是-moz-box-shadow:1px 1px 1px#999; – marcamillion 2010-09-27 17:59:31

+3

沒錯,我沒有提到的是你必須包含供應商前綴才能在某些瀏覽器中工作。 '-moz-'前綴用於Firefox,Chrome/Safari可以使用'-webkit -'和Konqueror'-khtml-' – 2010-09-28 07:06:27