列之间没有空格的 HTML 表格

Question

我有一个包含两列的简单表格

<table>
  <tr>
    <td>aaaaaaa</td>
    <td>bbbbbbb</td>                                        
  </tr>
  <tr>
    <td>aaaaaaa</td>
    <td>bbbbbbb</td>                                        
  </tr>
</table>

tr:hover {
    background: grey;
}

当我将鼠标指针放在行上方时，行的背景变为灰色，但行与行之间的空间很小

如何删除这个小空间以使整行保持灰色？

Answer 1

table {
    border-collapse: collapse;
}