CSS中使用背景圖片是很常見的，通過添加background-image屬性來實現。但是有時候我們需要控制背景圖片的大小，以滿足我們的需求。下面讓我們來一起了解如何使用CSS添加背景圖片大小。 首先，我們需要使用background-size屬性來定義背景圖片的大小。background-size屬性可以接受兩個值，第一個值表示寬度，第二個值表示高度。當值為auto時表示保持原圖大小，當值為百分比時表示相對父元素的大小，當值為具體的像素數值時表示具體的大小。 下面是一個示例，我們將一個圖片作為背景添加到一個div元素中，并將其大小設置為200像素：

div {
background-image: url('example.jpg');
background-size: 200px;
}

在上面的代碼中，我們設置了背景圖片為example.jpg，并將其大小設置為200像素。如果圖片的原始大小小于200像素，那么圖片將按照原始大小顯示。如果圖片的原始大小大于200像素，那么圖片將被縮小到200像素寬度并按照比例調整高度。 接下來，我們可以使用百分比來設置背景圖片的大小。如果我們希望背景圖片的大小為父元素的一半，可以將background-size屬性設置為50%：

div {
background-image: url('example.jpg');
background-size: 50%;
}

在上面的代碼中，我們將背景圖片的大小設置為父元素的50%。如果父元素的大小發生變化，那么背景圖片的大小也會隨之變化。 最后，我們可以使用auto來設置背景圖片的大小。如果我們希望背景圖片保持原始大小，可以將background-size屬性設置為auto：

div {
background-image: url('example.jpg');
background-size: auto;
}

在上面的代碼中，我們將背景圖片的大小設置為原始大小，無論圖片的大小如何，都將按照原始大小進行顯示。 通過上述示例，我們可以使用CSS中的background-size屬性來控制背景圖片的大小。無論是像素還是百分比大小，還是原始大小，我們總能找到適合自己的設置方式。