【问题标题】:How do I add a shadow to an entire table using just CSS?如何仅使用 CSS 为整个表格添加阴影?
【发布时间】:2010-09-28 01:05:34
【问题描述】:

我想添加一个微妙的阴影,使我的桌子看起来升起。

只使用 CSS,我该怎么做?

【问题讨论】:

  • 什么 CSS 版本? CSS3 在某些浏览器上不兼容,所以我猜 box-shadow 标记不起作用。但仅供参考,其他浏览器有不同的标签 .shadow { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;盒子阴影:5px 5px 5px #ccc; }
  • 最好使用尽可能多的浏览器。但如果这是我能得到的,我可能会默认使用 CSS3。

标签: html css


【解决方案1】:

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

更多 box-shadow 示例在这里:http://www.css3.info/preview/box-shadow/

【讨论】:

  • 对,我没有提到的是您必须包含供应商前缀才能使其在某些浏览器中工作。 -moz- 前缀用于 Firefox,Chrome/Safari 可以使用 -webkit-,Konqueror 可以使用 -khtml-
【解决方案2】:

CSS3 有 box-shadow 声明。更多信息请查看this article

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多