CSS控制背景圖片大小的方法

在CSS中，我們可以使用background-size屬性來控制背景圖片的大小，這個(gè)屬性可以指定背景圖片的寬度和高度，或者只指定一個(gè)值，另一個(gè)值會(huì)自動(dòng)縮放以保持原始圖片的寬高比。

如果我們想要將背景圖片的寬度設(shè)置為100px，高度設(shè)置為50px，可以使用以下CSS代碼：

div {
  background-image: url('image.jpg');
  background-size: 100px 50px;
}

如果我們只想要指定寬度，高度自動(dòng)縮放，可以使用以下CSS代碼：

div {
  background-image: url('image.jpg');
  background-size: 100px;
}

我們還可以使用contain和cover關(guān)鍵字來指定背景圖片的顯示方式。contain表示保持圖片的原始大小，但可能會(huì)被裁剪；cover表示將圖片放大或縮小以適應(yīng)容器的大小，但可能會(huì)有空白區(qū)域。

如果我們想要背景圖片完全覆蓋容器，且沒有空白區(qū)域，可以使用以下CSS代碼：

div {
  background-image: url('image.jpg');
  background-size: cover;
}

通過以上方法，我們可以***地控制背景圖片的大小和顯示方式，以滿足不同的設(shè)計(jì)需求。