在網(wǎng)頁制作中，經(jīng)常需要使用背景圖像來美化頁面，但是有時候圖片的大小并不符合我們的要求，則需要進(jìn)行調(diào)整。下面就來介紹下CSS如何改變背景圖像的大小。

/*代碼例子*/
.example {
background-image: url("example.jpg");
background-size: 100% 100%;
}

以上代碼中，.example是指定要修改背景圖像大小的元素，background-image則是設(shè)置元素的背景圖像，括號內(nèi)的值為圖片的地址。background-size則是修改圖片大小的屬性，括號內(nèi)的值為寬度和高度，可以是具體數(shù)值或者百分比。

如果要讓背景圖片與元素大小相同，則可以設(shè)置background-size為100% 100%；如果希望圖片被拉伸，可以將其中一個值改為具體數(shù)值，如background-size: 100% 500px;

如果希望圖片大小不變，只在元素中居中，則可以設(shè)置背景圖像的position屬性為center，如background-position: center;

需要注意的是，如果原圖片比較小，放大后可能會失真，因此在美化頁面時，建議使用高質(zhì)量的大圖來避免失真現(xiàn)象。

通過以上的講解，相信大家對CSS如何修改背景圖像大小已經(jīng)有了一定的了解，希望對大家的網(wǎng)頁制作有所幫助。