主要使用下面三個(gè)參數(shù)

background: url(…/…/…/assets/login/login-background.jpg) no-repeat center 0px; //repeat設(shè)置重復(fù)，center設(shè)置位置
background-position: center 0;
background-size: cover; //有4種寫(xiě)法分別為 ：auto，contain，cover&百分比
//auto：自動(dòng)判斷，一般出來(lái)的效果是，不重復(fù)，以長(zhǎng)寬中較大的為標(biāo)準(zhǔn)放縮圖片
//contain：不重復(fù)，以長(zhǎng)寬中較小的為標(biāo)準(zhǔn)放縮圖片
//cover：以長(zhǎng)寬中較大的為標(biāo)準(zhǔn)顯示圖片，不放縮，小了會(huì)留白，大了會(huì)隱藏

總結(jié)

以上是生活随笔為你收集整理的HTML设置背景图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。