列表之间没有空格的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;
}