CSS中的背景圖是一個非常重要的元素，它可以為網頁增色添彩。在使用CSS背景圖時，有的時候我們需要拉伸一部分圖片的大小，以適配網頁的布局。這個技巧很常見，下面我們來看看如何實現。

/* 1. 首先，我們需要設置一個包含背景圖片的元素，比如div */
div {
background-image: url('image.jpg');
background-size: cover;
}
/* 2. 接著，我們使用偽元素:before來選擇需要拉伸的一部分 */
div:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100px; /* 這里設置拉伸的寬度為100px，根據實際情況調整 */
background-color: white; /* 這里使用白色背景色覆蓋原圖 */
z-index: -1; /* 將偽元素放到底部，覆蓋在原圖上 */
}

以上代碼實現了將背景圖片的左側100px拉伸的效果。下面我們再簡單解釋一下：

首先，我們設置了一個包含背景圖片的div元素，并將背景圖的大小設置為cover，以適應div的大小。

接著，我們使用偽元素:before來選擇需要拉伸的一部分。我們設置了偽元素的寬度為100px，并將背景色設置為白色，以覆蓋背景圖的左側部分。

最后，我們將偽元素的z-index設為-1，以保證它在背景圖片的下面。

這樣，我們就實現了CSS背景圖的拉伸效果。需要注意的是，這個方法只能對單一背景圖生效，如果需要拉伸多張背景圖，則需要重復以上步驟。