使用BootStrap编写网页,如何设置全屏页面背景?
生活随笔
收集整理的這篇文章主要介紹了
使用BootStrap编写网页,如何设置全屏页面背景?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
說來不怕可笑,這雙打游戲的手都快忘了代碼怎么寫的了,編寫一個頁面,當設置背景時,一直出現莫名其妙的錯誤。
在這里記錄一下,不能連背景設置都不曉得,雖說這前端不怎么搞。也給各位初學者,或者后端工作者查閱時,能少踩點坑!!!
只需要在css中寫到
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" |
如果需要進行測試,然后進行檢驗后使用,可以訪問:
https://www.w3school.com.cn/css/css_background.asp
進行測試!!!?
想起組里老大曾說的,現在都是全棧,只會后端不行滴!!!
總結
以上是生活随笔為你收集整理的使用BootStrap编写网页,如何设置全屏页面背景?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 上云的先行军,QQ 率先完成了20万台服
- 下一篇: 你的“大厂梦”不是梦,你离大厂仅差我这篇