在CSS中，我們可以使用相對(duì)定位屬性來(lái)控制圖片在頁(yè)面中的顯示位置。相對(duì)定位是一種相對(duì)于元素原本位置的定位方式，其定位不影響其他元素在頁(yè)面中的位置。

img {
position: relative;
left: 50%;
top: 50%;
}

上述代碼中，我們給圖片元素設(shè)置了相對(duì)定位，并且將其左邊緣向頁(yè)面中心移動(dòng)了50%，同時(shí)將其上邊緣也向中心移動(dòng)了50%。這樣，圖片就顯示在了頁(yè)面的正中心。

除了使用left和top屬性來(lái)控制位置外，我們還可以使用right和bottom屬性。值得注意的是，這些屬性都是基于元素原有位置計(jì)算的，所以相對(duì)定位的元素仍然占據(jù)原有空間，不會(huì)影響其他元素的位置。

img {
position: relative;
right: 20px;
bottom: 30px;
}

上述代碼中，我們將圖片元素向右移動(dòng)了20個(gè)像素，向下移動(dòng)了30個(gè)像素，這樣就實(shí)現(xiàn)了自定義的相對(duì)定位效果。