CSS是網(wǎng)頁設(shè)計(jì)中非常重要的一部分,其中之一便是如何將手機(jī)背景鋪滿。下面我們來介紹具體的做法。
body { background-image: url(你的背景圖片地址); background-size: cover; background-repeat: no-repeat; background-position: center center; }
首先,我們需要將背景圖片添加到CSS樣式中,使用background-image屬性即可,其中你需要將“你的背景圖片地址”替換為你自己的圖片鏈接。然后我們使用background-size屬性將背景圖片的大小設(shè)置為“cover”,這樣背景圖片就會鋪滿整個手機(jī)屏幕了。接著,我們使用background-repeat來設(shè)置背景圖片不重復(fù),避免圖片出現(xiàn)重復(fù)的情況。最后,我們使用background-position來將圖片居中于手機(jī)屏幕。
綜上所述,以上CSS代碼將會讓你的背景圖片完美地鋪滿整個手機(jī)屏幕。試試吧!
下一篇h5 css3的商城