CSS是一種用于渲染網頁的語言，可以通過它實現頁面的樣式與布局。盒子是CSS中一個非常重要的概念，它可以用來表示頁面中的元素，例如段落、圖片等等。在CSS中，我們可以使用盒子來插入圖片。 首先，我們可以使用HTML的img標簽來在網頁中添加圖片，例如：

<img src="example.jpg" alt="example" />

其中，src屬性指定了圖片的路徑，alt屬性用于在圖片無法正常顯示時顯示的替代文本。 接下來，我們可以使用CSS中的盒子模型來控制圖片的樣式和布局。首先，我們可以使用display屬性來將圖片包裝在一個盒子中：

p {
display: inline-block;
}

這樣，我們可以讓圖片在段落中以塊級元素的方式顯示。 接著，我們可以使用width和height屬性來設置圖片的寬度和高度：

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

這里，我們將圖片的寬度設置為50%，并將高度自適應，使得圖片可以按照原比例縮放。 最后，我們可以使用padding和margin屬性來控制圖片的內邊距和外邊距：

img {
padding: 10px;
margin: 10px 0;
}

這樣，我們可以在圖片周圍添加一些空白，使得頁面看起來更加美觀。 綜上所述，使用盒子插入圖片的方法非常簡單，我們只需要結合HTML中的img標簽和CSS中的盒子模型即可輕松實現。