在網頁設計中，使用圖片可以讓網頁更加生動和貼近用戶的需求。但是，有些時候我們需要重新設計圖片的位置，讓圖片更加符合布局和設計需求。下面，我們將介紹一些簡單的方法，用CSS更改圖片的位置。

使用CSS修改圖片位置的方法非常簡單。我們需要掌握以下兩個CSS屬性：position和top/left。

img {
position: relative;
top: 20px;
left: 50px;
}

這個例子中，我們將一張圖片的位置相對于原來的位置向下20px，向右50px。如果希望圖片向上移動，可以將top屬性改成負值。

如果你希望圖片可以在某個區域內移動，在這種情況下，我們需要為這個區域設置position:relative;屬性，并且為圖片設置position:absolute;屬性，top和left屬性值為0。

.box {
position: relative;
height: 300px;
width: 300px;
border: 1px solid #cccccc;
}
img {
position: absolute;
top: 0;
left: 0;
}

這個例子中，我們為包含圖片的.box元素設置了相對定位，然后為圖片設置了絕對定位。圖片的位置相對于.box元素左上角，top和left屬性值為0。

總的來說，CSS提供了很多方法來更改圖片的位置。通過使用position、top和left屬性，我們可以讓圖片匹配我們的設計布局，讓網頁更加美觀和吸引人。