CSS是一種用于網頁設計的樣式表語言，可以很容易地進行樣式的修改和調整，包括改變圖片大小、顏色和位置等。在這篇文章中，我們將討論如何使用CSS改變圖片的位置。

首先，在HTML文件中插入圖片時，需要使用<img>標簽。在CSS文件中，可以選擇使用background-image屬性或者直接在<img>標簽中使用style屬性。

<img src="image.jpg" style="position:absolute; top:30px; left:50px;">

在以上代碼中，我們使用style屬性來為圖片設置樣式。其中position:absolute表示該元素的位置將根據父元素的位置進行定位。top和left屬性可以分別設置圖片與頁面頂部和左側之間的距離。通過調整這兩個屬性，可以輕松地改變圖片的位置。

當然，我們也可以在CSS文件中使用background-image屬性來為元素設置背景圖片。

div {
width: 500px;
height: 300px;
background-image: url('image.jpg');
background-position: center bottom;
}

在以上代碼中，我們設置了一個div元素，并通過background-image屬性來為其設置背景圖片。使用background-position屬性來設置背景圖片在元素中的位置。在這個例子中，我們將背景圖片定位在元素的中間底部。

總的來說，使用CSS改變圖片的位置非常簡單，只需要設置好元素的位置屬性或者背景圖片的位置屬性即可。這些屬性可以幫助我們輕松地實現各種排版效果，使我們的網頁更美觀、更吸引人。