CSS中設(shè)置圖片不為背景圖片的方法

在CSS中，我們可以通過設(shè)置圖片的display屬性來使其不為背景圖片，我們可以將圖片的display屬性設(shè)置為block或inline-block，這樣就可以將圖片作為普通的HTML元素來顯示，而不是作為背景圖片。

下面是一個(gè)示例代碼，演示了如何將圖片設(shè)置為普通的HTML元素：

HTML代碼：

<img src="image.jpg" class="not-background">

CSS代碼：

.not-background {
  display: block;
}

在上面的代碼中，我們定義了一個(gè)名為"not-background"的CSS類，并將圖片的display屬性設(shè)置為block，這樣，圖片就會(huì)作為普通的HTML元素來顯示，而不是作為背景圖片，我們可以將上述代碼復(fù)制到我們的HTML文件中，并將圖片路徑替換為我們想要顯示的圖片路徑。

需要注意的是，如果我們將圖片的display屬性設(shè)置為block，那么圖片就會(huì)占據(jù)其容器元素的全部寬度和高度，如果我們想要讓圖片只占據(jù)其容器元素的一部分寬度和高度，那么我們可以將圖片的display屬性設(shè)置為inline-block。