Html CSS：桌面看起来比桌面小

我有一张桌子，分为桌头和桌身。为了使桌子看起来更漂亮一点，桌子的头部有一个由两部分组成的背景图像，使其具有圆角。桌面没有边框

表体没有边框。因此，它看起来比左右两侧的桌面突出一点

我想使表头（无边框）与表体（有边框）的大小相同。关于如何做到这一点，有什么想法吗

HTML：

<table id="outerTable">
        <!-- No border -->
        <!-- Smaller than tbody on right and left -->
        <thead>
          <tr id="outerRow">
              <th id="titleTh">Table Title</th>
          </tr>
        </thead>

        <!-- Has border -->
        <tbody id="outerBody">
        </tbody>
    </table>

---

为与包装器的主背景匹配的ID（如果可以的话）分配一个边框，很可能是白色的

tbody {
    border: 2px solid transparent;
}

---

编辑：我忘了你可以设置一个透明的边框。如果这在IE中有效，请继续。

为我们提供更多代码！css摘录会很好。。。上的演示也是一个选项：）至少IE6不支持透明边框。在thead中添加任何类型的边框都不会有帮助。桌头看起来仍然比桌体小。。。。你有活生生的例子吗？

tbody {
    border: 2px solid transparent;
}