在HTML中，我們可以通過CSS來設(shè)置圖片的位置。首先，我們需要在HTML代碼中插入一個圖片標簽，例如：

<img src="image.jpg" alt="圖片描述">

接下來，我們可以使用CSS中的“position”屬性來設(shè)置圖片的位置。有三種常用的值可以選擇：

• relative：相對定位，相對于其原來的位置進行調(diào)整。
• absolute：絕對定位，相對于其父元素進行調(diào)整。
• fixed：固定定位，相對于瀏覽器窗口進行調(diào)整。

下面我們分別來看一下如何使用這三種值來設(shè)置圖片位置。

1. 使用relative相對定位

img {
position: relative;
left: 50px; /* 向右偏移50像素 */
top: 20px; /* 向下偏移20像素 */
}

2. 使用absolute絕對定位

.container {
position: relative; /* 確保父元素為相對定位 */
height: 300px;
width: 500px;
}
img {
position: absolute;
left: 50px; /* 相對于父元素左側(cè)偏移50像素 */
top: 20px; /* 相對于父元素頂部偏移20像素 */
}

3. 使用fixed固定定位

img {
position: fixed;
left: 50px; /* 相對于瀏覽器窗口左側(cè)偏移50像素 */
top: 20px; /* 相對于瀏覽器窗口頂部偏移20像素 */
}

以上就是設(shè)置圖片位置的三種常用方法，通過這些方法，我們可以輕松地為網(wǎng)頁中的圖片添加樣式，提高網(wǎng)頁的美觀程度。