CSS如何背景圖寬高？ 在CSS中，背景圖像的大小是一個很重要的問題。通常，我們希望背景圖像充滿整個元素，而不是被拉伸或壓縮。那么，該如何設定背景圖像的大小呢？下面我們將介紹兩種方法。 方法一：background-size屬性 background-size屬性用于設定背景圖像的大小。它的值可以是一個長度值或一個百分比值。例如，如果我們希望背景圖像的寬度為200像素，高度為150像素，可以使用以下代碼：

element {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-size: 200px 150px;
}

在這個例子中，我們首先使用background-image屬性設定背景圖像，然后使用background-repeat屬性設定不重復，最后使用background-size屬性設定大小為200像素寬，150像素高。 如果我們希望背景圖像的大小為元素的百分比，可以使用以下代碼：

element {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}

在這個例子中，我們設定了背景圖像的大小為元素的100%寬和100%高，這樣背景圖像就會充滿整個元素。 方法二：background屬性 除了background-size屬性，我們還可以使用background屬性設定背景圖像的大小。以下是一個例子：

element {
background: url("image.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

在這個例子中，我們使用background屬性設定背景圖像的位置、重復方式和固定性。然后，我們使用瀏覽器廠商前綴的background-size屬性設定背景圖像的大小為cover，這樣背景圖像就會充滿整個元素。 需要注意的是，在使用background-size屬性或background屬性時，我們需要考慮兼容性問題。因為不是所有的瀏覽器都支持這些屬性，所以我們需要適當地添加瀏覽器前綴，以確保它們能夠在各種瀏覽器中正常工作。 總結 設定背景圖像的大小在CSS中是非常重要的。我們可以使用background-size屬性或background屬性來設定背景圖像的大小，以確保它們充滿整個元素。同時，需要注意兼容性問題，合理添加瀏覽器前綴，以確保它們能夠在各種瀏覽器中正常工作。