CSS是一種常用的網頁設計語言，掌握其基礎技能是非常有必要的。在網頁設計中，圖片通常是不可或缺的一部分。本文將介紹如何使用CSS將圖片頁面居中。

/* 基本樣式 */
img {
display: block; /* 將img元素轉為塊級元素 */
margin: 0 auto; /* 設置外邊距為0，水平居中 */
}
/* 容器居中 */
.container {
width: 500px; /* 設置容器寬度 */
margin: 0 auto; /* 水平居中 */
}
.container img {
max-width: 100%; /* 設置圖片最大寬度，防止圖片超出容器 */
}

以上代碼是將圖片居中的基本樣式，使用margin: 0 auto;可以將元素水平居中，而display: block;能將img元素轉為塊級元素，方便設置外邊距。如果需要居中的是一個容器，可以在容器上添加width屬性，然后用margin: 0 auto;居中。

如果需要響應式圖片，可以使用max-width: 100%;來限制圖片最大寬度，防止圖片超出容器。在上面的代碼中，添加了一個.container父容器，可以在其中設置容器寬度和圖片最大寬度。

總之，CSS中使用margin: 0 auto;可以非常簡單地將元素居中，而max-width: 100%;可以幫助實現響應式圖片。以上是關于如何將圖片頁面居中的基本介紹。