向我展示如何用CSS创建一个简单的网格布局。
可以使用CSS中的`display: grid`属性以及`grid-template-columns`和`grid-template-rows`属性来创建简单的网格布局。

例如，以下CSS代码将创建一个2行3列的网格布局：

```
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
}
```

在HTML中，将需要的元素包装在`grid-container`元素中，然后将它们放入网格中。例如，以下HTML代码将创建三个具有不同内容的`div`元素，并将它们放入我们刚刚创建的网格中：

```
<div class="grid-container">
  <div>内容1</div>
  <div>内容2</div>
  <div>内容3</div>
</div>
```

这将创建一个类似于以下的网格布局：

```
-------------------
| 内容1 | 内容2 | 内容3 |
-------------------
```