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

Answer 2

在桌面上设置cellspacing和cellpadding零

Answer 3

在表格标签中使用cellspacing="0" cellpadding="0"，这将解决您的问题。

Answer 4

这是 Codepen http://codepen.io/noobskie/pen/WQvjBx

将cell-spacing设置为0

对于html5，只需将其添加到您的css

即可

border-collapse: collapse

Answer 5

table {
    border-collapse: collapse;
    border-spacing: 0;
}