CSS技巧：如何縮小背景圖片的大小

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

假設(shè)你有一個(gè)背景圖片，你希望將其縮小到原來的50%，你可以這樣寫：

div {
    background-image: url('your-image-url');
    background-size: 50% 50%;
}

如果你只提供一個(gè)值，例如50%，那么高度會(huì)自動(dòng)縮放以保持圖片的寬高比，所以上面的代碼會(huì)將圖片縮小到原來的50%，并保持其原始寬高比。

如果你希望將圖片縮放到填充整個(gè)div，但保持其原始寬高比，你可以這樣寫：

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

這將確保圖片始終填充整個(gè)div，但保持其原始寬高比，無論div的大小如何變化。

這些代碼示例中的div應(yīng)該替換為你實(shí)際使用的元素選擇器，確保你的圖片URL是正確的，并且圖片文件是可訪問的。