表边框未对齐顶部或底部

Question

遇到以下问题example。

问题在于，由于右边td的边框，顶部和底部会出现一条白线。

我想：

• 黑色边框在底部对齐。

• 绿色一直到顶部

• 如果可能，解决方案不依赖于边框大小（例如 如果增加边框而不是2px到5px或增加
  内容中的内容＆lt; td＆gt;）

谢谢

更新：

这是相同的example2，但只是增加了TD的边框，你可以看到绿色没有到达顶部，左下边框没有与右下角对齐。

Answer 1

导致此问题的border-collapse属性。

表格式

table{border-collapse:seperate}

示例：http://jsfiddle.net/TTw97/10/

Answer 2

您的某些元素缺少style="border: 2px solid black"。