在CSS中，我們可以使用div元素來加入圖片，以下是一個簡單的示例：

<div class="image-container">
    <img src="image.jpg" alt="圖片描述">
</div>

在這個示例中，我們創(chuàng)建了一個帶有類名image-container的div元素，并在其中加入了一個img元素。img元素的src屬性指定了圖片的路徑，alt屬性則提供了圖片的描述。

為了讓圖片在div中居中顯示，我們可以使用CSS的margin屬性來設(shè)置圖片的外邊距，我們可以將圖片上下左右的外邊距都設(shè)置為auto，這樣瀏覽器就會自動計算并設(shè)置圖片的外邊距，使其居中顯示。

.image-container img {
    margin: auto;
}

我們還可以使用CSS的width和height屬性來設(shè)置圖片的寬度和高度，如果我們需要讓圖片填充整個div的寬度和高度，可以使用以下代碼：

.image-container img {
    width: 100%;
    height: 100%;
}

這樣設(shè)置后，圖片就會根據(jù)div的寬度和高度自動縮放，填充整個div區(qū)域。

需要注意的是，如果圖片本身的高度和寬度比例與div的寬度和高度比例不一致，那么圖片在縮放時可能會出現(xiàn)變形的情況，在實際應(yīng)用中，我們需要根據(jù)具體的需求和場景來選擇合適的圖片尺寸和比例。