居中顯示圖片是網頁設計中常用的一種樣式。在使用CSS時，我們可以采用多種方式來實現居中顯示圖片，下面我們來介紹其中一種方法。 首先，在HTML文件中，我們需要在img標簽中添加一個class屬性，來指定該圖片的樣式，例如：

<img class="center" src="example.jpg">

接著，在CSS樣式文件中，我們可以使用以下代碼來定義該class的樣式：

.center {
display: block;     /* 將圖片轉換為塊級元素 */
margin: 0 auto;     /* 左右自動居中 */
}

其中，display屬性用于將圖片轉換成塊級元素，以便于使用margin屬性來實現居中顯示。而margin屬性可以用于設置元素的外邊距，其中“0 auto”表示上下無外邊距，左右自動居中。 這樣，當我們在瀏覽器中打開該HTML文件時，就可以看到該圖片已經居中顯示了。 總結一下，居中顯示圖片的CSS樣式可以使用以下代碼來實現：

.center {
display: block;
margin: 0 auto;
}

以上是使用CSS來實現居中顯示圖片的方法，其它方法也有很多，不同的方法有不同的使用場景和效果。大家可以根據實際需求來選擇合適的方法。