1

编辑：感谢所有帮助！成品表在这里：http: //jsfiddle.net/MnLkD/

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

http://jsfiddle.net/g2fy4/

我猜这可能是不可能的，但我还是想问问专家：-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);
}
4

3 回答 3

4

什么，你的意思是这样？（抓头）

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

我所做的只是将阴影从tableto更改为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 元素上！

于 2013-06-03T02:56:33.667 回答
1

听起来你想这样做？

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 之类的标签中并设置它们的样式。

于 2013-06-03T02:38:39.317 回答
0

你想实现这样的目标：http: //img856.imageshack.us/img856/8865/tableim.jpg 吗？

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

于 2013-06-02T23:59:36.700 回答