如果顯得網(wǎng)頁過于平淡無味,我們可以考慮設(shè)置滿屏的圖片來美化頁面。CSS可以輕松幫我們實現(xiàn)這一目標(biāo)。
body { background: url(圖片地址) no-repeat center center fixed; background-size: cover; }
在上面的代碼中,我們首先選擇了頁面的body元素,然后為它設(shè)置了一個背景圖片,使用background屬性。在這個屬性值中,我們填寫了圖片的地址,設(shè)定了圖片在頁面的位置為水平垂直居中,fixed讓圖片不隨頁面滾動而移動。接下來,我們使用background-size屬性設(shè)定背景圖片的尺寸占滿整個頁面。
現(xiàn)在,你已經(jīng)擁有了一個簡單的可視化滿屏圖片設(shè)置的方法,快快去為你的網(wǎng)頁增添動感吧!