CSS中的跨列跨行作用于表格中，可以讓表格更加美觀和易讀。跨列指的是一個格子能夠覆蓋多列，跨行指的是一個格子能夠覆蓋多行。下面我們來詳細了解一下如何實現跨列跨行。

1. 跨列

td {
/* 跨3列 */
grid-column: span 3;
}

如上代碼將一個格子跨3列。如果需要跨更多列，只需要將3改為其他數字即可。

2. 跨行

td {
/* 跨2行 */
grid-row: span 2;
}

如上代碼將一個格子跨2行。如果需要跨更多行，只需要將2改為其他數字即可。

3. 同時跨列跨行

td {
grid-column: 2 / 5;
grid-row: 1 / 3;
}

如上代碼將一個格子跨列2到5列，跨行1到3行。改變數字可以實現不同的跨列跨行效果。

通過以上代碼，我們可以自由地控制表格的跨列跨行效果，讓表格更加整齊美觀，方便閱讀。