圖片填充在CSS中是一項非常重要的設計技巧，可以幫助我們在網站中實現多種視覺效果。下面將介紹如何使用CSS來填充圖片。

img {
width: 100%;
height: auto;
}

上述代碼是用CSS填充圖片的最基本方法。我們可以將圖片的寬度設置為100%，并自動計算高度。這樣做的好處是可以確保圖片始終按比例縮放，而不會出現變形。

.container {
width: 500px;
height: 300px;
background-image: url('image.jpg');
background-size: cover;
}

除了直接對圖片進行填充，我們還可以將圖片放置在一個容器中，并使用CSS設置容器的尺寸和背景圖像。通過background-size屬性，我們可以將背景圖片按比例縮放并鋪滿整個容器，達到填充的效果。

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

如果你需要在固定尺寸的容器中放置圖片，可以使用object-fit屬性。這個屬性可以設置圖片如何填充容器，包括填充、居中、拉伸等方式。在這個例子中，我們采用了cover方式，圖片會被等比例拉伸以鋪滿整個容器。