CSS是前端開發中非常重要的一部分，可以用來優化頁面的樣式和布局。其中，讓圖片填充也是CSS的一項重要任務，下面就來介紹一下如何使用CSS讓圖片填充整個容器。 首先，我們需要了解CSS中與圖片填充相關的兩個屬性：object-fit和object-position。前者表示如何將圖像嵌入到容器的坐標系中，后者則表示圖像在容器中的位置。 我們可以通過以下代碼將一張圖片填充整個容器：

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

在上述代碼中，我們對img元素使用了width和height屬性分別設置為100%，這樣圖片的大小就會自動適應容器的大小。接著，我們使用了object-fit屬性將圖片填充到容器中，cover表示圖片多余部分會被剪裁掉。如果想保留所有圖片內容，可以使用object-fit: contain，不過在這種情況下，部分容器區域可能會留白。 另外，如果需要調整圖片在容器中的位置，可以使用object-position屬性：

img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

在上述代碼中，我們將object-position設置為center，這樣圖片就會在容器中心顯示。 總之，通過設置object-fit和object-position屬性，我們可以輕松實現圖片填充容器的效果，讓頁面更加美觀。