CSS是網頁設計中不可或缺的部分，其中經常會用到把圖片拉伸的效果，我們可以用CSS的background-size屬性來實現。

background-size: 寬度 高度;

其中寬度和高度可以使用具體數值或百分比來表示，具體使用方法如下：

// 按照百分比拉伸
.background {
background-image: url("img.jpg");
background-size: 100% 100%;
}
// 按照具體數值拉伸
.background {
background-image: url("img.jpg");
background-size: 500px 300px;
}

如果只指定寬度或高度的一個值，另一個值將自動按比例縮放。當圖片大小與容器大小不匹配時，背景圖片將自動縮放以適應容器大小。

除了background-size屬性，還有一些其他的屬性也是可以控制圖片拉伸的。例如object-fit屬性可以使圖片自適應容器，object-position屬性可以控制圖片相對于容器的位置。

// object-fit屬性
.image {
object-fit: cover;
}
// object-position屬性
.image {
object-position: 50% 50%;
}

通過使用CSS來控制圖片拉伸和適應容器，可以使網頁更加美觀和舒適。同時，合理利用這些屬性可以提高頁面響應速度和用戶體驗。