CSS 背景圖片的寬度是在開發(fā)網(wǎng)頁時(shí)非常重要的一個(gè)主題。在 CSS 中設(shè)置背景圖片的過程中，使用了一個(gè)很有用的屬性：background-size。該屬性可以控制背景圖片的尺寸。

正如其名稱所示，background-size 屬性控制背景圖片的尺寸大小。它接受如下值：

background-size: auto;
background-size: cover;
background-size: contain;
background-size: 100%;
background-size: 200px 300px;

讓我們一步步來講解一下這些值的作用。

auto：這是默認(rèn)的背景尺寸。如果使用了它，那么背景圖片的原始大小將被保留，不會(huì)有任何尺寸變化。

cover：這個(gè)值背景圖片會(huì)被自動(dòng)縮放以鋪滿背景區(qū)域。背景圖片的某些部分可能會(huì)被裁剪掉，只顯示圖片的中心。

contain：這個(gè)值背景圖片會(huì)被自動(dòng)縮放以適應(yīng)背景區(qū)域。它不會(huì)被裁剪，但可能存在一些空白區(qū)域。

100%：這個(gè)值背景圖片會(huì)自動(dòng)將其寬度設(shè)置為 100% 的父元素的寬度。它的高度會(huì)根據(jù)圖片的原始高寬比自動(dòng)伸縮。

200px 300px：這個(gè)值用于設(shè)置背景圖片的具體尺寸，其單位可以是像素，百分比等等。

基于上面所述的屬性值，我們可以使用 background-size 屬性輕松地控制背景圖片的大小和寬度。掌握這個(gè)屬性，可以讓你的網(wǎng)頁看上去更加專業(yè)。