CSS圖片九宮格排列是網頁設計中常用的一種布局方式，可以在不同的設備上自適應顯示，使頁面更加美觀和流暢。下面我們將介紹如何使用CSS實現圖片九宮格排列。

/* CSS代碼 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
padding: 10px;
background-color: #f2f2f2;
}
.container img {
max-width: 100%;
height: auto;
display: block;
}

首先，我們創建一個容器，使用Grid布局，確定九宮格的行數和列數，以及間隔大小。在容器中包含圖片元素，設置圖片樣式，保證圖片自適應大小，并使其居中顯示。

如上所示，我們在容器中插入了九張圖片。根據CSS中的樣式，這些圖片將自動按照九宮格的形式排列展示。

總之，通過以上的步驟，您便可以在自己的網頁設計中使用CSS圖片九宮格排列，提升頁面的美觀程度和用戶體驗。