删除表格之间的白色边框

Question

我有这张桌子

JsFiddle

我想像这样设置但不能这样做。

采取机会询问，如果有人知道如何设置条纹行，欢迎回答。

   <table>
  <thead>
    <tr>
      <th>Name</th>
      <th>ID</th>
      <th>Favorite Color</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jim</td>
      <td>00001</td>
      <td>Blue</td>
    </tr>
    <tr>
      <td>Sue</td>
      <td>00002</td>
      <td>Red</td>
    </tr>
    <tr>
      <td>Barb</td>
      <td>00003</td>
      <td>Green</td>
    </tr>
  </tbody>
</table>

td{
  border: 1px solid #999;
  padding: 0.5rem;
}
th
{

background-color:#5e6196;
}

Answer 1

使用css删除cellspacing：

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

并获得这些条纹：

tbody tr:nth-child(odd) {
   background-color: #ccc;
}

Fiddle

Answer 2

您可以尝试这样

<table cellspacing="0" cellpadding="0">

<强> JSFIDDLE DEMO

或者你可以在CSS中添加它

table { border-collapse:collapse }

<强> JSFIDDLE DEMO