標題：CSS tr 增加間距

間距是指在一個元素之間留出的空間，可以通過在 CSS 中使用 tr 標簽來增加間距。在 HTML 中，tr 標簽用于創建表格單元格，而在 CSS 中，它可以用于創建各種類型的表格，包括表格行和表格列。

使用 tr 標簽增加間距的方法是，將兩個 tr 標簽應用于需要增加間距的元素之間，即可在它們之間創建一個新的段落或行。這將為元素添加一個額外的間距，可以通過設置元素的 transform 屬性來實現。

以下是一個示例，演示如何在 HTML 中使用 tr 標簽來增加間距：

```html

<table>

<tr>

<td>第一行</td>

<td>第二行</td>

</tr>

<tr>

<td>第三行</td>

<td>第四行</td>

</tr>

</table>

在上面的示例中，我們創建了兩個 tr 標簽，分別應用于表格的行和列。我們可以使用 CSS 來設置這些元素的 transform 屬性，從而增加它們之間的間距。

下面是一個簡單的 CSS 樣式，用于在兩個 tr 標簽之間增加間距：

```css

table {

border-collapse: collapse;

tr:nth-child(even) {

background-color: #f2f2f2;

tr:nth-child( odd) {

background-color: #f2f2f2;

td, th {

padding: 8px;

text-align: center;

border: 1px solid #ccc;

.offset2 {

transform: translateY(-10px);

在上面的樣式中，我們使用 tr:nth-child(even) 和 tr:nth-child( odd) 偽類來創建兩個不同的行，每個行都具有 8 像素的padding。然后，我們使用 .offset2 偽類來為第二個行添加額外的 10 像素的間距。

通過使用 tr 標簽來增加間距，我們可以輕松地創建各種類型的表格，包括表格行和表格列。并且，通過使用 CSS 的 transform 屬性，我們可以輕松地實現所需的間距。