CSS是層疊樣式表的縮寫，它可以使HTML文檔的樣式與內(nèi)容分離。利用CSS，我們可以給圖片添加樣式并控制它們的位置。

img {
display: block;
margin-left: auto;
margin-right: auto;
}
img.left {
float: left;
margin-right: 10px;
}
img.right {
float: right;
margin-left: 10px;
}

使用以上CSS代碼，我們可以分別將圖片設置為靠左，居中和靠右顯示。

如果我們想將一張圖片放在網(wǎng)頁的左側，我們可以使用class屬性并設置左浮動。

<img src="image.jpg" class="left">

同樣道理，如果想將圖片放在右側，則可以使用class屬性并設置右浮動。

<img src="image.jpg" class="right">

如果我們想把圖片放在正中央，我們可以使用text-align屬性來實現(xiàn)居中對齊。

<div style="text-align:center;">
<img src="image.jpg">
</div>

在以上三種方式中，我們都使用了margin屬性來調(diào)整圖片與周圍元素的間距。

總之，利用CSS可以輕松實現(xiàn)圖片在不同位置的顯示，并讓我們的網(wǎng)頁更加美觀。