CSS是一種樣式表語(yǔ)言，可以讓我們對(duì)HTML文檔進(jìn)行美化和排版。在網(wǎng)頁(yè)制作中，圖片是重要的視覺(jué)元素，經(jīng)常需要將其放置在一個(gè)盒子中。下面我們將介紹如何使用CSS讓圖片鋪滿盒子。

.box {
width: 500px; /* 盒子寬度 */
height: 300px; /* 盒子高度 */
background-color: #ccc; /* 盒子背景色 */
}
.box img {
width: 100%; /* 圖片寬度為盒子寬度的100% */
height: 100%; /* 圖片高度為盒子高度的100% */
object-fit: cover; /* 圖片自適應(yīng)盒子大小 */
}

在上述代碼中，我們給盒子設(shè)置了寬度、高度和背景色，然后通過(guò)CSS選擇器給圖片設(shè)置了寬度、高度和自適應(yīng)方式。其中，width和height屬性都設(shè)置為100%，表示圖片寬度和高度自適應(yīng)盒子大小。而object-fit屬性則表示如何自適應(yīng)盒子大小，cover表示自動(dòng)縮放圖片并保持其縱橫比，使其覆蓋整個(gè)盒子。

這樣，我們就可以通過(guò)上述代碼讓圖片鋪滿盒子了。