這篇文章主要介紹css設(shè)置全屏背景圖片的方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)作為成都網(wǎng)站建設(shè)公司，專注成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計，有關(guān)成都企業(yè)網(wǎng)站定制方案、改版、費用等問題，行業(yè)涉及垃圾桶等多個領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

css設(shè)置全屏背景圖片的方法：首先創(chuàng)建一個HTML示例文件；然后在css里為body添加背景圖標(biāo)；最后通過添加background-size樣式來設(shè)置全屏背景圖片即可。

在html里我們不輸入任何東西，直接是一個body，加上樣式。

css里為body添加背景圖標(biāo)。

運行頁面，當(dāng)圖片不是很大時，頁面的背景只是占一部分。

要鋪滿整個頁面，我們可以簡單的使用repeat屬性，也是勉強可以的。

但這種鋪滿是重復(fù)用多張相同的圖片來鋪的，只有當(dāng)你的背景圖片是純色等相差不大的情況時，才是可以接受的。

另一種較為完美的方式，是添加background-size樣式，設(shè)置為100%，就是讓背景圖片占滿。

從效果上看，雖然圖片有拉伸，但總體來看，是可以接受的。

以上是“css設(shè)置全屏背景圖片的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！