CSS常常需要調整圖片在頁面中的位置和大小。圖片的水平位置和垂直位置可以使用CSS中的position和top/bottom/left/right屬性設置。然而,將圖片放置在頁面的左上角非常常見,因此我們需要知道如何實現這個效果。在下面的例子中,我們將展示如何使用CSS實現將圖片放置在頁面的左上角。
img { position: absolute; top: 0; left: 0; }
讓我們看看上面的代碼是如何實現左上角的圖片位置。首先,我們將img元素定位為absolute,這意味著它將從文檔中流出,并在其其他元素周圍定位。然后,我們將其top屬性設置為0,這將使其距離窗口頂部為0。同樣地,我們將其left屬性設置為0,這將使其距離窗口左側也為0。這個簡單的CSS代碼就可以讓我們將圖片放置在頁面的左上角。