本文目錄導(dǎo)讀：

1. 使用img元素
2. 使用div元素
3. 使用CSS的content屬性

CSS中圖片顯示的方法

在CSS中，我們可以使用多種方法來顯示圖片，包括使用img元素、使用div元素、使用CSS的content屬性等，這些方法各有特點，可以根據(jù)具體的需求來選擇。

使用img元素

img元素是HTML中專門用于顯示圖片的元素，我們可以在CSS中通過img元素的class或id來指定要顯示的圖片。

.my-image {
  width: 200px;
  height: 200px;
}

<img class="my-image" src="path/to/image.jpg" />

使用div元素

除了img元素，我們還可以在div元素中使用CSS的background-image屬性來顯示圖片，這種方法可以讓我們更加靈活地控制圖片的位置和大小。

.my-div {
  width: 200px;
  height: 200px;
  background-image: url('path/to/image.jpg');
  background-size: cover;
}

<div class="my-div"></div>

使用CSS的content屬性

除了上述兩種方法，我們還可以使用CSS的content屬性來顯示圖片，這種方法適用于一些特殊的情況，比如需要顯示一些裝飾性的圖片或者圖標(biāo)。

.my-icon {
  width: 20px;
  height: 20px;
  background-image: url('path/to/icon.png');
  background-size: contain;
}

CSS中顯示圖片的方法有很多種，我們可以根據(jù)具體的需求來選擇***適合的方法，我們還需要注意圖片的加載速度和瀏覽器兼容性等問題，以確保圖片的顯示效果能夠達(dá)到***佳。