CSS中的表格tr之間距離通常是通過(guò)以下三種方式來(lái)實(shí)現(xiàn)：

1. 通過(guò)設(shè)置border-collapse屬性

table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
}

這種方式的效果是將單元格之間的邊框合并為一個(gè)，從而實(shí)現(xiàn)單元格之間的距離。但是要注意，在某些情況下（如表格有圓角），可能會(huì)出現(xiàn)邊框重疊的問(wèn)題，需要進(jìn)行特殊處理。

2. 通過(guò)設(shè)置border-spacing屬性

table {
border-spacing: 10px;
}
td, th {
border: 1px solid black;
}

這種方式的效果是通過(guò)設(shè)置單元格之間的間距來(lái)實(shí)現(xiàn)距離。注意，使用這種方式會(huì)使得邊框變得突出，因此需要將單元格邊框設(shè)置為與表格邊框相同的寬度。

3. 通過(guò)設(shè)置padding屬性

table {
border-collapse: collapse;
}
td, th {
padding: 10px;
border: 1px solid black;
}

這種方式的效果是通過(guò)給單元格添加padding來(lái)實(shí)現(xiàn)距離。如果需要自定義每個(gè)單元格的距離，可以對(duì)每個(gè)單元格進(jìn)行單獨(dú)設(shè)置padding。

以上三種方式可以根據(jù)需求選擇使用，但需要根據(jù)具體情況進(jìn)行調(diào)整，以達(dá)到最佳效果。