CSS表格邊框的上下間距

CSS表格邊框的上下間距是指表格頂部和底部與邊框之間的距離。CSS提供了兩個屬性來控制表格邊框的上下間距：border-spacing和border-collapse。

border-spacing：這個屬性用于設置表格邊框的間距。它可以接受任何長度值，并且可以獨立地設置水平和垂直間距。此屬性對于使用邊框模型進行布局的表格非常有用。

table {
border-spacing: 10px; /* 設置表格邊框的水平和垂直間距為10px */
}

border-collapse：這個屬性用于設置表格邊框的折疊方式。它有兩個值：collapse和separate。當border-collapse的值為collapse時，相鄰的單元格邊框會合并為一個單一的邊框。這能夠減少表格的視覺干擾，并使表格更易于閱讀。但是要注意的是，這會導致表格的布局與標準的邊框模型略有不同。

table {
border-collapse: collapse; /* 設置表格邊框的折疊方式為折疊 */
}

在設置表格邊框的上下間距時，我們可以同時使用border-spacing和border-collapse屬性以達到最佳效果。例如：

table {
border-spacing: 10px; /* 設置表格邊框的水平和垂直間距為10px */
border-collapse: collapse; /* 設置表格邊框的折疊方式為折疊 */
}

通過上述設置，我們可以使表格看起來更加清晰、整潔。同時，我們也可以根據實際情況來根據需要設置表格邊框的上下間距。