CSS可以通過多種方式來設置圖片的填充。其中一種是使用background-size屬性，通過這個屬性來控制背景圖像的大小。這個屬性可以設置圖片的大小、寬度和高度等方面。

.img-container {
background-image: url('example.jpg');
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 400px;
}

此處的img-container類選擇器用于選擇圖片的容器。background-image屬性用于指定要用作背景的圖片。background-size屬性的值可以為cover或contain，cover表示完全填充容器，使其始終保持被容器完全填充，可能導致圖片內容的一部分被裁剪。contain表示使圖片適應容器而不失真，但可能留下空白區域。

如果希望自定義圖片的位置，可以使用background-position屬性。如下

.img-container {
background-image: url('example.jpg');
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 400px;
background-position: center center;
}

此處的background-position屬性值用于指定圖片在容器中的位置。這里我們選擇center center，表示垂直和水平居中。

除了background-size屬性，我們還可以使用CSS中的其他屬性來控制圖片的填充，例如object-fit屬性。object-fit屬性的值可以為none、contain、cover、scale-down和fill，這些值分別代表不改變圖片大小、使圖片適應容器、使圖片完全填充容器、適應容器并縮小圖片，以及將圖片完全填充容器（可能會導致圖片變形）。

下面是一個示例代碼，展示了如何使用object-fit屬性：

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

在這個例子中，我們選擇img元素來插入圖片并使用object-fit屬性來指定填充樣式。這里我們選擇了cover作為屬性值，使圖片始終完全填充容器。

通過這些屬性，我們可以輕松控制CSS中的圖片填充效果。這讓我們在Web設計中更加靈活和自由，從而為客戶提供更好的體驗。