2010-09-27 91 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