在HTML表格中,
tr標簽表示表格的一行,
td標簽表示表格的一個數據單元格。
有時,我們想在不同的表格行之間增加一些間距,使表格看起來更加美觀。那么,如何設置HTML表格的行間距呢?
可以使用CSS來設置HTML表格的行間距。下面是實現的方法:
table { border-collapse: collapse; border-spacing: 0; } tr { margin: 10px 0; } td { border: 1px solid #ccc; padding: 10px; }
上面的代碼中,我們先將表格的邊框合并(
border-collapse: collapse;),然后將單元格之間的間距設為0(
border-spacing: 0;)。
接著,我們設置每一行之間的上下間距為10像素(
margin: 10px 0;)。
最后,我們將單元格的邊框設為1像素實線邊框(
border: 1px solid #ccc;),并設置單元格的內邊距為10像素(
padding: 10px;)。
使用上面的CSS代碼,將會使HTML表格的行之間增加10像素的間距。