CSS九宮格是指用CSS代碼設計出一個九宮格的布局，可用于網頁的導航菜單、圖片展示等。下面是一個簡單的CSS九宮格實現代碼：

.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 10px;
}
.grid-item {
background-color: #eee;
text-align: center;
padding: 30px;
}

上面代碼中，首先定義了一個grid-container的class來表示九宮格容器，把其display屬性設置為grid。接著，用grid-template-columns屬性設置三列，每列的寬度為1fr，即等分整個容器的寬度；用grid-template-rows屬性設置三行，每行的高度也為1fr。

在設定好九宮格的列和行后，使用grid-gap屬性來設置列與列、行與行之間的間隔大小。最后，定義grid-item的class來表示每個格子，設置其背景顏色、文字居中和內邊距即可。

完整的HTML代碼如下：

<div class="grid-container">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
<div class="grid-item">7</div>
<div class="grid-item">8</div>
<div class="grid-item">9</div>
</div>

在HTML中，只需把每個格子用div標簽包裹起來，添加grid-item類即可。