如何向表格行添加边距 [重复]

我有一个包含许多行的表。其中一些行是class="highlight"并表示需要采用不同样式并突出显示的行。我想要做的是在这些行之前和之后添加一些额外的间距，以便它们看起来与其他行稍微分开。

我以为我可以完成这件事margin-top:10px;margin-bottom:10px;但它不起作用。任何人都知道如何完成这项工作，或者是否可以完成？这是 HTML，我已将 tbody 中的第二个 tr 设置为类突出显示。

<table>
<thead>
  <tr>
     <th>Header 1</th>
     <th>Header 2</th>
  </tr>
</thead>
<tbody>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr class="highlight">
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
</tbody>
</table>

The border-spacing属性将适用于这种特殊情况。

table {
  border-collapse:separate; 
  border-spacing: 0 1em;
}

参考 https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing.