css – 表格行背景颜色填充所有填充空间

我有一个看起来像这样的html表:

<table style="border-spacing: 10px">
 <tr style='background-color:red'>
  <td><b>Member</b></td>
  <td><b>Account #</b></td>
  <td><b>Site</b></td>
  <td><b>Date</b></td>
 </tr>
</table>

元素之间的填充很好,但背景颜色似乎只填充TD,并且由于填充/间距而留下大量间隙.如何使TR背景颜色填充整行,并流过10px边框间距?

使用border-collapse:collapse;折叠间隙并添加所需的任何填充:

table {
    border-collapse:collapse;
}
td {
    padding: 8px;
}

jsFiddle example

翻译自:https://stackoverflow.com/questions/22105751/css-table-row-background-color-fill-all-padding-space

转载注明原文:css – 表格行背景颜色填充所有填充空间