CSS是網頁設計中必不可少的一部分，它可以讓我們做許多有趣的事情，包括拉伸圖片填滿。在這篇文章中，我將向大家介紹如何使用CSS拉伸圖片填滿整個容器。

首先，我們需要一個圖片，同時也需要一個帶有寬度和高度的容器來放置圖片。以下是我們的HTML代碼。

<div class="container">
<img src="example.jpg">
</div>

接下來，我們需要使用CSS來實現圖片填充整個容器。我們需要設置圖片的寬度和高度都為100%，這樣圖片就可以根據容器的大小進行自動縮放。同時還需要設置圖片的object-fit屬性為cover，這樣圖片就會被拉伸以填充整個容器。

.container {
width: 500px;
height: 500px;
}
.container img {
width: 100%;
height: 100%;
object-fit: cover;
}

以上代碼中，我們設置了容器的寬度和高度為500px，圖片會根據這個大小進行自適應縮放。因此，無論容器的大小如何改變，圖片都會填充整個容器。

這就是如何使用CSS來拉伸圖片以填充整個容器的方法。希望本篇文章對你有所幫助，更多CSS技巧敬請關注。