在網頁設計中，經常需要對圖片進行水平居中處理，這個過程中CSS有多種實現方式，以下是其中的一種：

img {
display: block;
margin: 0 auto;
}

代碼中的display:block;將圖片轉化為塊級元素，使得margin屬性生效。margin:0 auto;將圖片的左右邊距都設置為自動，這樣圖片就能夠實現水平居中。

需要注意的是，這種方法僅適用于圖片實際寬度小于或等于容器寬度的情況。如果圖片寬度大于容器寬度，還需添加max-width屬性，代碼如下：

img {
display: block;
margin: 0 auto;
max-width: 100%;
}

其中max-width: 100%;可以讓圖片的寬度不會超過容器寬度，保證圖片自適應容器大小，并且仍能實現水平居中。

以上是css將圖片水平居中的簡易實現方式，當然還有其他更加復雜的方式，大家可以繼續學習研究。