今天來講一下CSS設(shè)置背景圖片寬和高的方法。CSS是一種樣式表語言，它可以控制網(wǎng)頁的布局、字體、顏色、大小等元素。其中，設(shè)置背景圖片是CSS中非常重要的功能之一。那么我們該如何設(shè)置背景圖片的寬和高呢？ 首先，我們需要用CSS來指定圖片的背景。這個背景可以是一個單色或漸變，也可以是一張圖片。 例如，我們有一個HTML頁面，其中有一個id為“bg”的元素，我們可以這樣來設(shè)置它的背景圖片：

#bg {
background-image: url("image.jpg");
}

這里，我們通過background-image屬性來指定了圖片的URL。現(xiàn)在，這個元素的背景就會顯示為這個圖片。 不過，我們可能會發(fā)現(xiàn)，這個圖片的寬和高并不適合我們的頁面或元素。那么，如何設(shè)置它的寬和高呢？ 其實很簡單，CSS提供了兩個屬性來控制背景圖片的寬和高：background-size和background-position。

#bg {
background-image: url("image.jpg");
background-size: cover;
background-position: center;
}

上面這段代碼中，我們使用了background-size屬性將圖片的大小設(shè)置為“cover”。這表示我們的背景圖片要完全覆蓋整個元素，并保持寬高比例。除此之外，還有其他的值可以選擇，例如“contain”和像素值等。 同時，我們也使用了background-position屬性將圖片放置到元素中央。同樣地，這個屬性也有其他的取值，例如“l(fā)eft top”、“center bottom”等等。 綜上所述，我們可以通過CSS的background-size和background-position屬性來控制背景圖片的寬和高。這樣不僅可以讓我們的頁面更加美觀，也可以提高用戶體驗。