HTML和CSS是網(wǎng)頁設(shè)計的兩個重要方面，HTML負責構(gòu)建網(wǎng)頁的結(jié)構(gòu)，而CSS則負責美化網(wǎng)頁，包括顏色、字體、圖片位置等。

在HTML中，我們可以使用<img>標簽來插入圖片，如果我們想要調(diào)整圖片的位置，就需要借助CSS的力量了。

CSS中，我們可以使用position屬性來調(diào)整圖片的位置，這個屬性有四個值：static、relative、absolute和fixed。

static表示圖片按照正常的文檔流進行排列。

relative表示圖片相對于其正常位置進行偏移。

absolute表示圖片相對于其***近的非static父元素進行偏移。

fixed表示圖片相對于瀏覽器窗口進行偏移，即使頁面滾動，圖片也會保持在同一位置。

除了position屬性，CSS中還有top、right、bottom和left屬性，可以用來具體控制圖片的偏移量。

如果我們想要將一張圖片放置在頁面的右下角，并且距離頁面底部和右側(cè)各10像素，可以這樣寫：

img {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

這樣，圖片就會被定位到頁面的右下角，并且距離頁面底部和右側(cè)各10像素。