主要使用下面三個參數

background: url(…/…/…/assets/login/login-background.jpg) no-repeat center 0px; //repeat設置重復，center設置位置
background-position: center 0;
background-size: cover; //有4種寫法分別為 ：auto，contain，cover&百分比
//auto：自動判斷，一般出來的效果是，不重復，以長寬中較大的為標準放縮圖片
//contain：不重復，以長寬中較小的為標準放縮圖片
//cover：以長寬中較大的為標準顯示圖片，不放縮，小了會留白，大了會隱藏

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。