HTML中如何設置tr之間的距離？ HTML的表格是一個非常有用的工具，但是，在制作表格時，你可能會發(fā)現(xiàn)，表格之間的垂直距離可能不是很美觀。在本篇文章中，我們將向您展示如何設置tr之間的距離，使您的表格更加美觀。 要設置tr之間的距離，您需要使用CSS。具體來說，您需要使用屬性“border-spacing”。這個屬性用于設置表格元素之間的距離。例如：

table {
border-spacing: 20px;
}

在上面的代碼中，20px是表格元素之間的距離。您可以自由地調整這個數(shù)字，直到達到您想要的效果。請注意，這個屬性只對table元素起作用。 如果您希望在某些特定的表格中使用不同的距離，您可以為每個表格使用不同的類：

table.normal {
border-spacing: 20px;
}
table.wide {
border-spacing: 30px;
}

在上面的代碼中，“normal”和“wide”是自定義的類名。這個方法可以讓您在多個表格中使用不同的距離。 如果你想讓某些行之間的距離不同，您可以使用CSS的“nth-child”選擇器。例如，以下代碼將設置表格的第一行和第四行之間的距離不同于其他行：

tr:nth-child(1), tr:nth-child(4) {
margin-bottom: 30px;
}

在上面的代碼中，“nth-child(1)”和“nth-child(4)”選擇第一行和第四行。您可以按照您的需要調整CSS選擇器。 總之，設置tr之間的距離是非常簡單的。只需使用CSS的“border-spacing”屬性，您就可以輕松地調整表格元素之間的距離。如果您希望在多個表格中使用不同的距離，您可以為每個表格使用不同的類。如果您希望某些行之間的距離不同，您可以使用CSS的“nth-child”選擇器。