首頁  >  文章  >  web前端  >  bootstrap 怎麼設定背景

bootstrap 怎麼設定背景

藏色散人
藏色散人原創
2021-12-28 17:08:599935瀏覽

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

bootstrap 怎麼設定背景

本文操作環境: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' ); 也是允許的。

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

##繼承性:no版本:CSS1 CSS3JavaScript 語法:## object相關影片教學推薦:《
預設值: not specified
.style.background="white url(paper.gif) repeat-y"
bootstrap影片教學

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn