在網頁開發中，div css 九宮格布局是非常常見的一種布局方式，它可以有效的把網頁元素進行整齊、美觀的排列，提升網頁的視覺效果和用戶體驗。

下面介紹一下 div css 九宮格的實現方式：

. grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr); 
grid-gap: 10px;
}
. grid-item {
background-color: #4CAF50;
color: #fff;
border-radius: 5px;
padding: 20px;
font-size: 30px;
text-align: center;
}

以上是 div css 九宮格的樣式代碼，它利用了CSS3中新增的網格布局來實現。

首先，我們定義一個父元素 .grid-container，將它的 display 屬性設置為 grid，表示網格布局，并且使用 grid-template-columns 來定義網格列數和列寬。這里使用 repeat(3, 1fr) 來表示三等分布局，即三列等分。grid-gap 屬性用來控制網格子項之間的間距。

然后，我們定義子元素 .grid-item，它的背景顏色、字體顏色、圓角半徑、內邊距、字體大小以及文本居中等樣式。這里我們可以根據實際需求來更改樣式。

最后，我們在HTML中設置好 .grid-container 和 .grid-item 的類名，使用 div 元素來包裹它們，就可以得到一個基本的 div css 九宮格布局。

總之，div css 九宮格布局可以幫助我們更方便、快速的布局網頁元素，更好的展現網頁的美感和視覺效果，是一個非常有用的技巧。