表格邊框未對齊頂部或底部

Question

有以下問題example。

問題是，由於在右邊td的邊框，白線出現在頂部和底部。

我想有：

• 黑色邊框底部對齊。

• 綠色去，直到頂端

• ，並在可能的解決方案不依賴於邊框大小（例如 如果邊界，而不是2px的增加爲5px或增加<內
  內容TD>）

由於

UPDATE：

這是一樣的example2但只是增加從TD的邊框，你可以看到綠色不會到頂部和左下角的邊界不與右側底部對齊。

Answer 1

造成這種情況的border-collapse屬性。

表格樣式

table{border-collapse:seperate} 

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

Answer 2

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