在CSS中設(shè)置圖片坐標(biāo),可以使用position
屬性來定位圖片。position
屬性有以下幾個值:
1、static
:這是默認(rèn)值,圖片按照正常的文檔流進(jìn)行定位。
2、relative
:圖片相對于其正常位置進(jìn)行定位,可以使用top
、right
、bottom
和left
屬性來調(diào)整位置。
3、absolute
:圖片相對于***近的已定位祖先元素(而不是視窗)進(jìn)行定位,可以使用top
、right
、bottom
和left
屬性來調(diào)整位置。
4、fixed
:圖片相對于視窗進(jìn)行定位,即使頁面滾動,圖片也會保持在相同的位置。
如果要將圖片定位在距離頁面頂部20像素、距離頁面左側(cè)30像素的位置,可以使用以下CSS代碼:
img { position: relative; top: 20px; left: 30px; }
如果要將圖片***定位在距離某個已定位元素的頂部10像素、距離該元素的左側(cè)5像素的位置,可以使用以下CSS代碼:
img { position: absolute; top: 10px; left: 5px; }
使用***定位時,如果找不到已定位祖先元素,圖片將相對于視窗進(jìn)行定位。