Question

编辑：感谢您的帮助！完成的表格在这里：http://jsfiddle.net/MnLkD/

我试图让阴影出现在这张桌子的边框之间：

我猜这可能不可能，但我想我会问专家:-P。我尝试设置边框间距为2px，没有边框，并将阴影分配给th和td标签，但它不起作用。

如果有人有任何想法，我会很感激输入： - ）

#content.postagepage table {
    margin:0 auto 40px auto;
    border-spacing:0;
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
}

Answer 1

什么，你的意思是这样的？ （划痕）

http://jsfiddle.net/g2fy4/2/

我所做的就是将带有阴影的项目从table更改为td，并确保有边框间距。

#content.postagepage table {
    margin:0 auto 40px auto;
    border-spacing:3px;
}
#content.postagepage td {
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
}

如果你想在td元素上使用阴影，请将它放在td元素上！

Answer 2

听起来你想要这样做？

http://jsfiddle.net/b9chris/sXQvp/

CSS：

div {
    width: 100%; height: 100%;
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5);
}

HTML：

<table>
<tr><td><div>Hi</div></td><td><div>Hi</div></td></tr>
<tr><td><div>Hi</div></td><td><div>Hi</div></td></tr>
</table>

基本上答案是，你不能单独使用TD标签来实现这一点，但是你可以将单元格内容包装在像div这样的标签中，而不是那些样式。

Answer 3

你想要达到这样的目的： http://img856.imageshack.us/img856/8865/tableim.jpg ？

我目前唯一的想法是在表格中设置几个绝对定位的div（但是应该设置表格单元格的宽度和高度），并为这些div添加box-shadow ......

如何让阴影出现在桌子的边框之间？

3 个答案: