grid-gap: 20px;

`grid-gap` 属性用于设置CSS Grid布局中的行与列之间的间距。当你在网格容器中定义了`grid-gap`时，它会应用于两者（行间隙和列间隙），默认情况下，如果只给定一个值，则这个值会被应用到行和列上。

例如，在HTML中创建一个简单的网格容器：

<div class="grid-container">
  <div class="grid-item">Item 1</div>
  <div class="grid-item">Item 2</div>
  <!-- 更多网格项... -->
</div>

并添加相应的CSS样式：

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 20px; /* 行间和列间的间隔都是20像素 */
}
.grid-item {
  background-color: lightgray;
  padding: 20px;
}

在这个例子中，每个网格单元格之间的边距将是20像素。如果你想单独控制行和列的间距，可以这样写：

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  row-gap: 10px; /* 只设置行间距 */
  column-gap: 20px; /* 设置列间距 */
}