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行。改变数字可以实现不同的跨列跨行效果。

通过以上代码，我们可以自由地控制表格的跨列跨行效果，让表格更加整齐美观，方便阅读。