在web開發中，很多時候我們需要使用圖片來豐富頁面的視覺效果。有時候，我們需要讓圖片填滿一個div，以達到最佳的視覺效果。

<div style="width: 300px; height: 200px; background-color: #f5f5f5;">
<img src="https://img.yzktw.com.cn/zb_users/upload/2023/09/20230924224722169556684246590.jpg" alt="css樣式圖片充滿div" title="css樣式圖片充滿div" />
</div>

上面的代碼使用了object-fit屬性。這個屬性可以指定元素內容的如何適應到容器中的可用空間。在這個例子中，我們將object-fit屬性設置為cover，這意味著圖片將按比例縮放以填充整個div，并在容器的邊緣剪裁溢出部分。

還有一種方法可以實現同樣的效果，就是使用CSS背景圖。這種方法會將圖片作為div的背景，并且通過background-size屬性來控制圖片大小。

<div style="width: 300px; height: 200px; background-image: url(https://picsum.photos/id/237/300/200); background-size: cover; background-position: center;">
</div>

有了這兩種方法，我們就可以輕松地實現讓圖片填滿div的效果了。