對于網頁設計來說，圖片的展示是非常重要的。但有時候我們并不能獲得完美大小的圖片。這時CSS的拉伸功能就可以幫忙了。
如何拉伸圖片？我們可以使用CSS中的background-size屬性來完成。我們可以設置該屬性為100% 100%。這樣圖片就可以按照自己的比例填滿整個容器。
我們可以看下面的示例代碼：

p {
background-image: url("example.png");
background-size: 100% 100%;
width: 200px;
height: 200px;
}

在上面的例子中，我們給p標簽設定了一個背景圖，并且將背景圖的大小設置為100% 100%。同時，p標簽的寬度和高度都設定為200px。
這樣，圖片就會完整地展示在200px的范圍內。如果你希望圖片能夠適應不同的容器大小，你也可以將寬度和高度設定為百分比。
我們再看一個示例代碼，這次是將圖片放在img標簽中。

p {
width: 200px;
height: 200px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}

在上面的例子中，我們先給p標簽設定了寬度和高度，然后將img標簽的寬度和高度設置為100%。這樣，圖片就會按照比例填滿整個容器。
同時，我們還使用了object-fit屬性。該屬性可以設置圖片在容器中的適應方式。cover表示拉伸圖片以填滿整個容器，而不關心圖片的比例，可能會讓圖片變形。如果你希望保持圖片的比例不變，你可以使用contain。
總之，拉伸圖片在網頁設計中是非常有用的功能。上面兩個示例代碼展示了兩種不同的方式實現圖片的拉伸。相信你已經學會了如何用CSS將圖片拉伸了吧！