CSS背景圖片大小修改

在CSS中，我們可以使用background-size屬性來調(diào)整背景圖片的大小，這個(gè)屬性接受兩個(gè)值，分別是寬度和高度，如果我們只提供一個(gè)值，那么另一個(gè)值會(huì)自動(dòng)計(jì)算以保持原始圖片的寬高比。

如果我們想要將背景圖片的寬度調(diào)整為200像素，我們可以這樣寫：

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

這樣，背景圖片的寬度就會(huì)被設(shè)置為200像素，高度會(huì)自動(dòng)計(jì)算以保持原始圖片的寬高比。

如果我們想要將背景圖片的高度調(diào)整為300像素，我們可以這樣寫：

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

這樣，背景圖片的高度就會(huì)被設(shè)置為300像素，寬度會(huì)自動(dòng)計(jì)算以保持原始圖片的寬高比。

如果我們想要將背景圖片等比例放大到原來的兩倍，我們可以這樣寫：

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

這樣，背景圖片就會(huì)被等比例放大到原來的兩倍，如果原始圖片是500像素寬，那么放大后的圖片就會(huì)是1000像素寬。