CSS是一種強(qiáng)大且廣泛使用的樣式表語(yǔ)言，它可以讓你更靈活地控制網(wǎng)頁(yè)的外觀。在這里，我們將討論如何使用CSS給背景圖設(shè)定寬度和高度。

要設(shè)置背景圖像的寬度和高度，我們可以使用“background-size”屬性。這個(gè)屬性可以在像素、百分比（相對(duì)于容器）或關(guān)鍵字（如“cover”和“contain”）中選擇來(lái)設(shè)置背景圖的大小。

下面是一個(gè)示例代碼展示如何使用background-size屬性來(lái)設(shè)置背景圖像的寬度為200像素，高度為150像素。

.bg-img {
background-image: url("background.jpg");
background-size: 200px 150px;
}

在這個(gè)例子中，我們使用bg-img類(lèi)作為背景圖像的容器。我們使用“background-image”屬性來(lái)指定圖像的路徑，然后使用“background-size”屬性將其調(diào)整為我們想要的大小。

我們也可以使用百分比來(lái)設(shè)置背景圖像的大小。下面的示例代碼展示如何將背景圖像的大小設(shè)置為容器的50%：

.bg-img {
background-image: url("background.jpg");
background-size: 50%;
}

在這個(gè)例子中，我們使用了相同的bg-img類(lèi)作為背景圖像的容器，但這次我們使用了“background-size”屬性將其大小設(shè)置為容器的50％。這個(gè)屬性可以讓我們根據(jù)容器的大小動(dòng)態(tài)地調(diào)整背景圖像的大小。

在結(jié)尾處，重要的是要記住使用CSS時(shí)始終進(jìn)行兼容性測(cè)試，以確保您的代碼在各個(gè)現(xiàn)代瀏覽器和舊版瀏覽器上都能正常工作。