欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html tr行間距設置

傅智翔2年前9瀏覽0評論

在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像素的間距。