css盒模型設置什么屬性可以顯示背景

在css盒模子中，設置布景的屬性，就是background屬性，可是，這一個屬性又附帶了其他一些屬性，因為，布景色要設置的內容良多

東西/原料

1
打開vscode，建立一個測試html頁面，用于演示css的布景設置結果
2
在測試頁面中，添加一個div，設置固心猿意馬高寬，以及邊框，用于后續的布景結果演示。別的，在測試頁面的同級目次下，添加一張演示圖片
3
布景顏色設置，利用background-color屬性，這個屬性的值可所以red、blue這類顏色名稱，也可所以rgb或者16進制的顏色編碼
4
布景圖片設置，利用background-image屬性，經由過程這個屬性中的url，設置布景圖片的路徑即可
5
布景圖片的位設置，利用background-position屬性。這個屬性的值，可所以百分比，px像素值，top、right、bottom、left、center等等距離的值
6
布景圖片是否許可反復，利用background-repeat屬性，當值為no-repeat的時辰，暗示不許可反復。當值為repeat的時辰，暗示程度、垂直方形都主動反復。repeat-x、repeat-y則只在一個偏向上反復
7
布景圖片的巨細設置，利用background-size屬性，當值為兩個100% 100%的時辰，就能主動拉伸圖片，填滿窗口