CSS表格的行間隔是指表格中每行之間的距離。CSS樣式可以讓您控制表格的行高和行邊距等屬性,從而改變行間距。下面是一個示例:
table { border-collapse: collapse; } td, th { padding: 10px; border: 1px solid #ccc; } tr:nth-child(even) { background-color: #f2f2f2; } tr:nth-child(odd) { background-color: #fff; }在上面的CSS代碼中,我們設置表格的邊框顏色,同時設置了表格中單元格的內部間距和邊框寬度。此外,我們使用 :nth-child() 選擇器為表格行指定不同的顏色。 如果您想增加行間距,可以使用行高度屬性。例如,如果您想將每行的高度設置為50像素,您可以添加以下CSS代碼:
table { border-collapse: collapse; border-spacing: 0; } tr { height: 50px; } th, td { padding: 10px; border: 1px solid #ccc; } tr:nth-child(even) { background-color: #f2f2f2; } tr:nth-child(odd) { background-color: #fff; }在上面的示例中,我們使用 height 樣式屬性將每行的高度設置為50像素。我們還添加了 border-spacing:0 樣式,以確保相鄰單元格的距離是相同的。最后,我們使用與前面相同的行樣式來改變行的顏色。 總之,CSS表格的行間距樣式非常重要,它可以讓您控制表格的外觀和行為。通過使用行高度和邊距屬性,您可以輕松地改變表格行間距。
上一篇css表示基數
下一篇css表格虛線怎么弄