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