首頁 > web前端 > css教學 > 主體

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

Susan Sarandon
發布: 2024-11-11 14:37:02
原創
139 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板