CSS中的背景圖片通常都需要設置大小，以便與頁面元素對齊，讓界面更美觀。下面就來介紹一下CSS中如何設置背景圖片的大小吧。

.background{
background-image: url("example.jpg");
background-size: cover;
}

如上面代碼所示，我們使用了background-image屬性來設置背景圖片，接下來使用background-size屬性設置背景圖片的大小。其中，cover關鍵字代表圖片會被縮放并填充滿整個頁面，但是會保持其寬高比例。這樣設置的背景圖片在任何尺寸的屏幕上都可以得到很好的表現。

.background{
background-image: url("example.jpg");
background-size: contain;
}

如果我們使用contain關鍵字作為background-size的屬性值，那么背景圖片大小就會自適應頁面元素的大小以顯示整個背景圖像。與cover相比，contain會在圖片不會被拉伸的情況下，讓其按比例縮小或放大。

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

在一些特殊情況下，我們需要背景圖片完全填充頁面。這時候，我們可以設置background-size屬性的屬性值為“100% 100%”，表示背景圖像寬度和高度都被拉伸至與頁面等寬等高。

綜上，CSS中的背景圖片大小設置有多種方法，我們可以根據不同需求選擇不同的設置方式，以此滿足我們對網站界面的不同設計要求。