bootstrap 怎麼設定背景

bootstrap設定背景的方法：1、開啟對應的css檔案；2、透過「background: url(../img/QQ圖片20200226123957.jpg) no-repeat;」方式設定頁面背景即可。

本文操作環境：Windows7系統、bootsrap3.3.7版本、Dell G3電腦。

bootstrap 怎麼設定背景？

使用BootStrap寫網頁，設定全螢幕頁面背景的方法：

說來不怕可笑，這雙打遊戲的手都快忘了程式碼怎麼寫的了，寫一個頁面，當設定背景時，一直出現莫名其妙的錯誤。

在這裡記錄一下，不能連背景設定都不曉得，雖說這前端不怎麼搞。也給各位初學者，或後端工作者查閱時，能少踩點坑！ ！ ！

只需要在css中寫到

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

也就是說，我當時所遇到的原因就是size的問題。不過最後我發現的是我之前的css覆蓋了這個設置，所以導致一直失敗。

補充：

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

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

》

以上是bootstrap 怎麼設定背景的詳細內容。更多資訊請關注PHP中文網其他相關文章！