CSS樣式可以幫助我們實現圖片在頁面中的居中顯示，讓頁面更加美觀。下面我們介紹一下實現方法。

.center-image {
display: flex;
justify-content: center;
align-items: center;
}
.center-image img {
max-width: 100%;
max-height: 100%;
margin: auto;
}

首先，我們給包含圖片的元素添加一個class為.center-image的樣式。然后，我們使用flex布局，通過justify-content屬性和align-items屬性將元素內的圖片水平居中和垂直居中。同時，我們為圖片添加了一個樣式，使其在保持寬高比的前提下盡可能占滿容器，并將margin屬性設為auto，使其在容器中水平居中。

在HTML中，我們可以這樣使用這個樣式：

<div class="center-image">
<img src="picture.png" alt="圖片">
</div>

這樣，我們就實現了一種簡單的方法來實現頁面圖片的居中顯示，讓頁面更加美觀。