在CSS中，圖片可以用來裝飾網(wǎng)頁，同時(shí)也可以用來撐起一個(gè)div元素，通過合理地設(shè)置圖片的寬度和高度，可以使得div元素在頁面中占據(jù)更多的空間。

我們需要在HTML中創(chuàng)建一個(gè)div元素，并在其中插入一張圖片。

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

我們可以通過CSS來設(shè)置圖片的寬度和高度，如果我們想要讓圖片撐起的div寬度為300px，高度為200px，我們可以這樣寫：

img {
  width: 300px;
  height: 200px;
}

這樣，圖片就會(huì)按照我們設(shè)置的寬度和高度來顯示，從而撐起了div元素，需要注意的是，如果圖片本身的寬高比與設(shè)置的寬高比不一致，那么圖片可能會(huì)出現(xiàn)拉伸或壓縮的情況，在設(shè)置圖片的寬度和高度時(shí)，需要確保圖片的寬高比與設(shè)置的寬高比一致。

我們還可以通過設(shè)置div元素的背景圖片來實(shí)現(xiàn)類似的效果。

div {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
  width: 300px;
  height: 200px;
}

這樣，div元素就會(huì)以圖片為背景，并按照我們設(shè)置的寬度和高度來顯示，需要注意的是，這種方法下，圖片并不會(huì)直接撐起div元素，而是通過背景圖片的方式來顯示，在使用這種方法時(shí)，需要確保圖片的尺寸與div元素的尺寸相匹配。