CSS是網頁設計中不可或缺的一部分，它可以用來控制網頁中的各種元素的樣式和位置等。在網頁設計中，圖片是常用的元素之一，而如何調整圖片的位置則是我們經常需要思考的問題。

在CSS中，有許多屬性可以用來控制圖片的位置，其中最常用的是"position"，用于定義元素的定位方式。Position屬性有幾個可選值：

position: static;  // 默認值，元素在正常文檔流中，不進行特殊的定位
position: relative;  // 相對定位，參考自身的初始位置進行定位
position: absolute;  // 絕對定位，相對于其最近的非static定位祖先元素進行定位
position: fixed;  // 固定定位，相對于瀏覽器視窗進行定位

比如，我們想要將圖片相對于父元素偏移100px，可以這樣寫：

img {
position: relative;
left: 100px;
}

如果想讓圖片位于父元素的右上角，可以這樣寫：

.parent {
position: relative;
}
img {
position: absolute;
top: 0;
right: 0;
}

上面的樣式中，父元素需要設置為position: relative，這樣子元素的定位就以父元素為參考點了。然后給圖片設置絕對定位，將top和right屬性都設置為0，就可以將圖片定位在父元素的右上角了。

除了position屬性，還有一些其他的屬性可以用來控制圖片的位置，比如margin、padding等，這里就不再贅述了。在CSS中，想要掌握好圖片的定位，需要不斷嘗試和實踐，才能掌握其中的精髓。