CSS是前端開發(fā)中很重要的一個組成部分,使用CSS可以美化網(wǎng)頁的樣式,其中一個功能便是設置整個網(wǎng)頁的背景圖片。
body{ background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; }
上述代碼就是設置整個網(wǎng)頁的背景圖片,其中background-image屬性指定背景圖片路徑,background-repeat屬性指定是否重復顯示背景圖片,這里選擇不重復,background-size屬性指定背景圖片如何適應屏幕大小,這里選擇填滿屏幕。
同時,我們也可以對background-image進行進一步設置,比如設置透明度,讓背景圖片與網(wǎng)頁內(nèi)容更協(xié)調(diào)。
body{ background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; opacity: 0.8; }
上述代碼中,opacity屬性設置透明度,數(shù)值范圍為0到1,這里設置為0.8,即80%透明度。
使用CSS設置整個網(wǎng)頁的背景圖片,可以讓網(wǎng)頁更加美觀,讓網(wǎng)頁與眾不同。
下一篇emoji css