CSS是頁(yè)面樣式的重要一環(huán)，可以通過(guò)它來(lái)調(diào)整元素的位置和樣式。其中，固定圖片位置是網(wǎng)頁(yè)制作中比較常用的技巧之一，今天我們就來(lái)學(xué)習(xí)一下CSS如何實(shí)現(xiàn)固定img位置。
首先，在HTML中設(shè)置一個(gè)img標(biāo)簽，我們可以為它設(shè)置一個(gè)類(lèi)名。比如，我們?cè)O(shè)置一個(gè)類(lèi)名“pic”。

<img src="image.jpg" alt="圖片" class="pic">

接下來(lái)，我們需要在CSS文件中進(jìn)行設(shè)置。使用position屬性可以控制元素的位置，而top和left屬性可以分別調(diào)整元素距離頁(yè)面頂部和左側(cè)的距離，實(shí)現(xiàn)固定位置的效果。

.pic {
position: fixed;
top: 50%;
left: 50%;
}

上述代碼的意思是將圖片的位置固定，距離頁(yè)面頂部的距離為50%，距離左側(cè)的距離也為50%。這樣，圖片就會(huì)出現(xiàn)在頁(yè)面中央了。
除了使用top和left屬性，我們還可以使用margin屬性調(diào)整元素的位置。例如，我們要將圖片向下移動(dòng)10px，向右移動(dòng)20px，可以這樣設(shè)置：

.pic {
position: fixed;
margin-top: 10px;
margin-left: 20px;
}

同樣的，我們可以根據(jù)具體的需要，調(diào)整圖片的位置和大小。
以上就是關(guān)于CSS如何固定img位置的介紹，代碼已使用pre標(biāo)簽整理，希望對(duì)大家有所幫助。