CSS盒子模型是網(wǎng)頁(yè)設(shè)計(jì)中很重要的概念之一。其中，通過添加圖片可以讓頁(yè)面更加豐富多彩。那么如何通過CSS在盒子模型里添加圖片呢？

.box {
width: 300px;  //設(shè)置盒子寬度
height: 300px; //設(shè)置盒子高度
background-image: url('圖片路徑'); //添加圖片
background-size: cover; //圖片填充滿盒子
background-position: center; //圖片居中
}

上述代碼將一個(gè)300x300的盒子設(shè)置為背景圖片，并將圖片填充并居中顯示。需要注意的是，圖片路徑需要正確，否則會(huì)導(dǎo)致顯示失敗。

此外，還可以使用HTML標(biāo)簽添加圖片。比如，我們可以在盒子里添加<img>標(biāo)簽：

<div class="box">
<img src="圖片路徑" width="300" height="300" alt="圖片">
</div>

這個(gè)代碼段將在盒子里添加一張圖片，同樣需要指定圖片路徑、寬度和高度。需要注意的是，如果圖片過大會(huì)導(dǎo)致頁(yè)面加載緩慢，因此需要對(duì)圖片進(jìn)行壓縮或優(yōu)化。

綜上所述，通過CSS盒子模型可以很容易地添加圖片，讓頁(yè)面變得更加生動(dòng)有趣。