這篇文章給大家分享的是有關(guān)bootstrap如何設(shè)置背景的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：主機域名、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、高唐網(wǎng)站維護、網(wǎng)站推廣。

bootstrap設(shè)置背景的方法：1、打開相應(yīng)的css文件；2、通過“background: url(../img/QQ圖片20200226123957.jpg) no-repeat;”方式設(shè)置頁面背景即可。

本文操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版本、Dell G3電腦。

使用BootStrap編寫網(wǎng)頁，設(shè)置全屏頁面背景的方法：

說來不怕可笑，這雙打游戲的手都快忘了代碼怎么寫的了，編寫一個頁面，當(dāng)設(shè)置背景時，一直出現(xiàn)莫名其妙的錯誤。

在這里記錄一下，不能連背景設(shè)置都不曉得，雖說這前端不怎么搞。也給各位初學(xué)者，或者后端工作者查閱時，能少踩點坑?。?！

只需要在css中寫到

body{
    background: url(../img/QQ圖片20200226123957.jpg) no-repeat;
    background-size:100%;  
}

也就是說，我當(dāng)時所遇到的原因就是size的問題。不過最后我發(fā)現(xiàn)的是我之前的css覆蓋了這個設(shè)置，所以導(dǎo)致一直失敗。

補充：

如果不設(shè)置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。

通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。

感謝各位的閱讀！關(guān)于“bootstrap如何設(shè)置背景”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！