CSS 是進行網頁布局的重要工具之一，通過 CSS 的選擇器、聲明塊等面向樣式的語言來實現網頁排版。其中，設置圖片居中是網頁制作中經常使用的技巧。

img {
display: block; /* 塊級元素 */
margin: 0 auto; /* 設置寬度和自動左右居中 */
}

實現圖片居中的核心代碼為margin: 0 auto;，運用了元素的 margin 屬性，它包含 4 個屬性值，分別代表上、右、下、左邊距。通過將上下邊距設為 0，同時將左右邊距設為 auto，實現水平居中的效果。

此外，為了使圖片可以在整個頁面寬度中居中，我們將其 display 屬性設置為塊級元素，保證其寬度占滿容器。這時，再加上上述 margin 屬性即可實現圖片的居中。