CSS（層疊樣式表）是一種描述樣式如何在HTML文檔中顯示的語言。它可以控制網頁的外觀，包括字體、顏色、布局等等。本文將講解如何使用CSS把圖片位置居中。

首先，我們需要在HTML中插入一張圖片：

<img src="example.jpg" alt="example">

接下來，我們需要為圖片添加CSS樣式。讓我們使用以下代碼：

img {
display: block;
margin: auto;
}

這段代碼指定了CSS規則，將圖片設置為塊級元素，并將左右外邊距設置為“auto”。這將使圖片在父元素中水平居中。

最后，我們可以將這個CSS樣式與HTML代碼結合在一起：

<style>
img {
display: block;
margin: auto;
}
</style>
<img src="example.jpg" alt="example">

現在，我們已經成功地將圖片居中，而且這個方法適用于所有大小的圖片。因此，通過使用CSS，我們可以輕松地控制網頁上元素的位置和布局。