在Web開發中，CSS可以用于控制頁面上的元素樣式，而通過CSS可以更好地控制圖片在頁面上的大小、位置和效果。今天我們來講一下如何使用CSS讓圖片填滿整個容器。

<div class="container">
<img src="image.jpg" alt="image">
</div>css：.container {
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.container img {
width: 100%;
height: 100%;
object-fit: cover;
}

以上示例代碼中，我們首先創建了一個容器div，使用CSS設置其寬度為100%、高度為100vh（即視口高度），并隱藏超出容器大小的內容。

接下來設置容器的子元素img的寬度和高度都為100%，使用object-fit: cover屬性將其鋪滿整個容器。同時，通過display: flex屬性將圖片垂直居中，并使用align-items和justify-content屬性將其水平居中。

通過以上設置，圖片就可以鋪滿整個容器并自適應不同的屏幕大小，達到了一個美觀的效果。