在 HTML 中,我們經常使用表格來展示數據。可是在默認情況下,HTML 的表格中的<tr>
標簽是沒有上下間距的,而且相鄰的<tr>
標簽之間也是沒有上下間距的。如果想要設置<tr>
標簽的上下間距,可以使用 CSS 來實現。
下面是設置<tr>
標簽上下間距的 CSS 代碼:
table { border-collapse: collapse; } tr { height: 50px; }
首先,要注意到該 CSS 代碼是寫在<style>
標簽中的。其中,border-collapse: collapse;
這句代碼是用來消除表格的邊框之間的間距。接下來,tr
標簽的height: 50px;
屬性就是用來設置每個<tr>
標簽的高度,以此來決定它的上下間距。
還需要注意一點,即就是在同一個表格內,為每個<tr>
標簽設置相同的高度。否則,不同大小的<tr>
標簽之間會出現間距不一致的問題。
因此,如果你想要增加或減小<tr>
標簽的上下間距,只需修改height
屬性的數值即可。通過這樣的方式,我們就可以很方便地控制表格中的各個元素之間的間距了。
下一篇css中li 的屬性