CSS控制背景圖大小的方法

在CSS中，我們可以使用background-size屬性來控制背景圖的大小，這個屬性接受兩個值，分別是水平和垂直方向的尺寸，我們可以通過以下幾種方式來實現(xiàn)對背景圖大小的控制：

1、***尺寸：我們可以直接指定背景圖的***尺寸，如果背景圖原本的大小是500px300px，我們可以將其設置為

body {
    background-size: 500px 300px;
}

2、自動縮放：CSS也支持自動縮放背景圖，我們可以將背景圖設置為自動縮放，使其始終填充整個容器：

body {
    background-size: auto;
}

3、覆蓋整個容器：我們還可以使用cover關鍵字來使背景圖覆蓋整個容器，同時保持其寬高比不變：

body {
    background-size: cover;
}

需要注意的是，如果背景圖本身的大小與容器的大小不一致，那么使用cover關鍵字可能會導致背景圖的部分區(qū)域被裁剪掉，在使用cover關鍵字時，我們需要確保背景圖本身的大小能夠覆蓋整個容器。