在網頁設計中常常需要使用圖片來制作網頁，而有時候我們需要對圖片的位置做一些微調，這時可以使用CSS樣式表中的定位屬性來實現。下面我們來介紹一下CSS中的定位屬性和如何使用它來調整圖片的位置。

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

CSS中的定位屬性主要有四個，分別是static(靜態)，relative(相對定位)，absolute(絕對定位)和fixed(固定定位)。我們這里主要介紹相對定位和絕對定位的用法。

首先是相對定位，相對定位是相對于圖片原來所在的位置進行偏移，偏移使用top、bottom、left和right屬性來實現。在上面的代碼中，我們使用left和top屬性讓圖片向右偏移50px，向下偏移20px。

img {
position: absolute;
left: 0;
top: 0;
}

然而，如果我們對圖片進行了絕對定位，那么圖片的偏移量將不再是相對于自己了，而是相對于父元素的位置進行偏移。在上面的代碼中，我們使用left和top屬性來讓圖片靠左上角對齊頁面。

總之，使用相對定位和絕對定位可以讓我們更加精細地控制圖片的位置，從而達到更好的設計效果。