這篇文章給大家分享的是有關bootstrap如何設置背景的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
bootstrap設置背景的方法：1、打開相應的css文件；2、通過“background: url(../img/QQ圖片20200226123957.jpg) no-repeat;”方式設置頁面背景即可。
本文操作環境：Windows7系統、bootsrap3.3.7版本、Dell G3電腦。
使用BootStrap編寫網頁，設置全屏頁面背景的方法：
說來不怕可笑，這雙打游戲的手都快忘了代碼怎么寫的了，編寫一個頁面，當設置背景時，一直出現莫名其妙的錯誤。
在這里記錄一下，不能連背景設置都不曉得，雖說這前端不怎么搞。也給各位初學者，或者后端工作者查閱時，能少踩點坑?。?！
body{
background: url(../img/QQ圖片20200226123957.jpg) no-repeat;
background-size:100%;
}也就是說，我當時所遇到的原因就是size的問題。不過最后我發現的是我之前的css覆蓋了這個設置，所以導致一直失敗。
如果不設置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。
| 默認值： | not specified |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 + CSS3 |
| JavaScript 語法： | object.style.background="white url(paper.gif) repeat-y" |
感謝各位的閱讀！關于“bootstrap如何設置背景”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
