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

编辑：谢谢你的帮助！完成的表格如下：

我正在尝试使阴影出现在此表的边框之间：

我猜这可能是不可能的，但我还是想问问专家。我曾尝试将边框间距设置为2px，没有边框，并将放置阴影指定给th和td标记，但没有效果

如果有人有任何想法，我将非常感谢您的意见：-

content.postagepage表{ 保证金：0自动40px自动； 边界间距：0； -webkit盒阴影：7px 7px 10px rgba0,0,0,0.5； -moz盒阴影：7px 7px 10px rgba0,0,0.5； 盒影：7px 7px 10px rgba0,0,0,0.5； }

---

您是否希望实现以下目标： ?

---

我目前唯一的想法是在表格中设置几个绝对定位的div，然后设置表格单元格的宽度和高度，并为这些div添加框阴影…

是否要实现如下效果： ?

---

目前，我唯一的想法是在表格中设置几个绝对定位的div，然后设置表格单元格的宽度和高度，并为这些div添加框阴影…

听起来您想这样做吗

CSS:

HTML:

---

基本上，答案是，单靠TD标签是无法做到这一点的，但你可以将单元格内容包装成像div这样的标签，并对其进行样式化。

听起来你想这样做吗

CSS:

HTML:

基本上，答案是，单靠TD标签是无法做到这一点的，但你可以将单元格内容包装成像div这样的标签，并对其进行样式化。

什么，你是说这样？擦伤头部

我所做的只是将得到阴影的项目从表更改为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元素上

什么，你这是什么意思？擦伤头部

我所做的只是将得到阴影的项目从表更改为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元素上

谢谢你的回复！是的，就像那样，但是我需要像我的原始表一样没有水平间隙的td列。有什么想法吗？整理一下：-。完成的表格在这里：。谢谢你的帮助！谢谢你的回复！是的，就像那样，但是我需要像我的原始表一样没有水平间隙的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);
}