在設計網頁時，我們經常需要在頁面中插入圖片，而有時我們希望將圖片填滿一個盒子，這時候可以使用CSS實現。接下來讓我們看一下如何使用CSS圖片填充完盒子。

首先，在HTML中創建一個包含圖片的盒子。以下是一個例子：

<div class="box">
<img src="image.jpg" alt="example" />
</div>

盒子的CSS樣式如下：

.box {
width: 300px;
height: 300px;
background-color: grey;
}

這里我們設置了盒子的寬度、高度和背景顏色。

現在，我們來看如何使用CSS填充圖片。為了實現這一目標，我們可以使用object-fit屬性。這個屬性可以讓圖片在保持其寬高比的同時填滿其容器。我們可以使用以下代碼：

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

代碼中，我們首先將圖片的寬度和高度設置為100%，這是為了確保圖片占據整個盒子。接著，我們使用object-fit屬性將圖片填充盒子。在這個例子中，我們使用了cover選項，這個選項會將圖片拉伸，以填滿整個盒子，同時保持其寬高比。

以上就是使用CSS圖片填充完盒子的方法。通過上述步驟，我們可以將圖片填滿盒子，并按我們的需要調整大小和布局。