CSS可以讓圖片占滿整個屏幕,讓我們的頁面更有吸引力。下面是代碼實現。
html, body { height: 100%; } .background { background-image: url("your-image-location.jpg"); background-size: cover; background-position: center; height: 100%; }
上面的代碼首先給html和body設置了100%的高度,這是為了讓背景圖占滿整個頁面,然后在背景類中設置背景圖片、尺寸和位置,并將高度設置為100%。這樣一來,圖片就能完美占滿整個屏幕了。
需要注意的是,背景圖片的位置可以自己調整,上面的代碼將圖片放置在了屏幕中心。
希望上述代碼能幫助你更好地實現一個美觀的頁面。