答案： 在CSS中，可以使用background-size屬性來(lái)改變背景圖片的大小。該屬性接受不同的值，例如：cover、contain、100% 100%等。

在實(shí)際應(yīng)用中，我們可能需要將一個(gè)較小的背景圖放大以適應(yīng)整個(gè)頁(yè)面，或者將一個(gè)較大的圖像縮小以適合容器尺寸。下面是一些常見(jiàn)的方法：

1. 使用百分比設(shè)置

可以使用background-size: 100% auto; 將寬度設(shè)置為父元素的寬度，并保持高度自動(dòng)調(diào)整與寬度相匹配。如果想要高度也按照百分比進(jìn)行調(diào)整，則可以同時(shí)指定兩個(gè)值：background-size: 100% 100%;

2. 使用具體數(shù)值設(shè)置

還可以直接指定具體數(shù)值作為背景圖片大小。例如 background-size:500px 300px; 表示將背景圖像寬度設(shè)為500像素，高度設(shè)為300像素。

3. 使用 cover 屬性

cover是一種常用方式，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中經(jīng)常會(huì)遇到這種情況：希望把原本很小（或很長(zhǎng)）但內(nèi)容非常精美（比如某張壁紙），然后讓其鋪滿整個(gè)頁(yè)面并且不變形。這時(shí)候，我們可以使用cover屬性來(lái)實(shí)現(xiàn)。

其語(yǔ)法為：background-size: cover;

4. 使用 contain 屬性

contain是另一種常用方式，它的作用與cover相反。如果想讓圖片盡可能地適應(yīng)容器大小并保持原始比例，則可以使用contain屬性。

其語(yǔ)法為：background-size: contain;

5. 使用多個(gè)背景圖像

在某些情況下，您可能需要同時(shí)設(shè)置多個(gè)背景圖像，并將它們分別放置在不同的位置和大小上（例如創(chuàng)建復(fù)雜的漸變效果）。這時(shí)候就需要使用到CSS中支持多重背景圖像的特性了。

例如：

background-image:url('img1.jpg'),url('img2.jpg');

background-position:center top, left bottom;

background-repeat:no-repeat, repeat-x;

background-size:auto 100%, cover;

通過(guò)以上設(shè)置，第一個(gè)背景圖片會(huì)居中頂部顯示，并且高度自動(dòng)調(diào)整；第二個(gè)背景圖片位于左下角，并水平重復(fù)鋪滿容器；最后一個(gè)則被拉伸以完全覆蓋整個(gè)內(nèi)容區(qū)域。

總結(jié)：

文章題目：CSS如何改變背景圖片大??？
URL標(biāo)題：http://uogjgqi.cn/article/cogdhoc.html