CSS設置九宮格是一種常用的布局方式，它適用于網站中的圖片展示、商品展示等場合。

.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.grid-container div {
background-color: #ddd;
text-align: center;
font-size: 24px;
padding: 20px;
}

上述代碼中，我們首先定義了一個九宮格容器，使用了CSS3中的grid布局，其中repeat()函數表示重復多次相同的規則。這里我們使用了3行3列的規則。

接著，我們為九宮格中的每一個格子定義了樣式，設置了背景色、字體大小和內邊距等屬性。最終，我們就能夠得到一個美觀且實用的九宮格布局。

另外，在實際使用中，我們還可以根據需求調整九宮格的大小和間距，來達到更好的效果。