CSS是一種非常強大的網頁樣式語言，它可以幫助我們實現各種各樣的效果，包括拉伸圖片。有時候，我們需要在網頁中使用一張圖片，但是這張圖片過大，我們只需要其中一部分。這時候，我們可以使用CSS來截取部分圖片并進行拉伸。

/* html部分 */
<div class="image">
<img src="picture.jpg">
</div>
/* CSS部分 */
.image {
width: 200px; /* 我們需要的顯示區域寬度 */
height: 200px; /* 我們需要的顯示區域高度 */
overflow: hidden; /* 超出顯示區域的內容不顯示 */
}
.image img {
width: 100%; /* 圖片寬度100%與顯示區域寬度相同 */
position: relative; /* 讓圖片相對于其父元素進行定位 */
left: -50px; /* 定位到圖片的左邊界 */
}

這個例子中，我們使用了一個div容器包含一張圖片。我們需要讓實際圖片的寬度大于顯示區域的寬度，這樣才能截取部分圖片。我們將圖片定位到其左邊界，并向左移動使其顯示區域需要的部分。

當然，這只是一個簡單的例子。如果你需要更精細的控制，你可以使用CSS背景圖像或clip-path屬性來實現截取部分圖片并進行拉伸。