首頁 >web前端 >css教學 >如何使用 CSS 在表格中的行之間新增空格?

如何使用 CSS 在表格中的行之間新增空格?

Susan Sarandon
Susan Sarandon原創
2024-11-11 14:37:02206瀏覽

How to Add Space Between Rows in a Table Using CSS?

如何在表中的行之間建立空間

問題:

是否可以在表中的行之間新增空間使用CSS 的表格?以下程式碼不會產生所需的結果:

答案:

要在表中的行之間建立空間,您需要在td 上使用填充元素。您可以使用以下 CSS 程式碼:

在此程式碼中,tr.spaceUnder > td 選擇器僅將填入屬於 spaceUnder 類別的 tr 元素的直接子元素的 td 元素。這允許您使用巢狀表格而不影響行之間的間距。

範例:

輸出:

A B
C D
E F

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn