bootstrap設定背景的方法:1、開啟對應的css檔案;2、透過「background: url(../img/QQ圖片20200226123957.jpg) no-repeat;」方式設定頁面背景即可。
本文操作環境:Windows7系統、bootsrap3.3.7版本、Dell G3電腦。
bootstrap 怎麼設定背景?
使用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 | |
## object | .style.background="white url(paper.gif) repeat-y" |
以上是bootstrap 怎麼設定背景的詳細內容。更多資訊請關注PHP中文網其他相關文章!