如何使用 CSS 在表格行之間新增空格？

如何在表格行之間建立空間

可以使用 td 元素上的 padding 屬性來實作分隔表格行。若要提供所需的間距，請使用以下 CSS：

/* Apply padding to td elements that are direct children of tr elements with class spaceUnder. */
tr.spaceUnder > td {
  padding-bottom: 1em;
}

此程式碼確保填入僅套用於從類別 spaceUnder 的 tr 元素直接衍生的 td 元素。這允許嵌套表格。

為了進行演示，請考慮下表：

<table>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr class="spaceUnder">
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

使用提供的 CSS，CD 行下方將有一個空格，而 AB 行和 EF 行不受影響.

以上是如何使用 CSS 在表格行之間新增空格？的詳細內容。更多資訊請關注PHP中文網其他相關文章！