css写一个空的9宫格 |css span边框颜色

.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 5px;
width: 300px;
height: 300px;
border: 1px solid black;
}
.grid-item {
border: 1px solid black;
}

在代码中，大家首先创建一个grid-container的div作为容器，其中包含了9个grid-item的div，每个div为一个小方块。接着，大家使用CSS中的Grid布局，设置grid-template-columns和grid-template-rows分别为3个1fr，表示容器分为3列和3行，每个部分的大小平均分配。gap属性用于设置每个小方块的间距。最后，大家使用border属性给容器和每个小方块加上黑色实线边框，使其看起来像是一个完整的方格。

以上是使用CSS编写空的9宫格的方法，通过增加内容和样式，可以创建出各种不同的9宫格布局。