CSS和div如何顯示圖片

在網(wǎng)頁設(shè)計(jì)中，CSS和div是常用的技術(shù)，可以用來顯示圖片，下面是一些方法：

1、使用img標(biāo)簽：在HTML中，img標(biāo)簽可以用來顯示圖片，可以通過CSS來設(shè)置圖片的樣式，如大小、位置等。

<img src="image.jpg" style="width: 200px; height: 200px; border: 1px solid black;" />

2、使用div標(biāo)簽：在HTML中，div標(biāo)簽可以用來創(chuàng)建一個(gè)塊級元素，可以用來顯示圖片，可以通過CSS來設(shè)置div的寬度、高度和背景圖片。

<div style="width: 200px; height: 200px; background-image: url('image.jpg');"></div>

3、使用CSS的偽元素：可以使用CSS的偽元素來顯示圖片，可以使用::before或::after偽元素來顯示圖片，這種方法可以實(shí)現(xiàn)一些特殊的效果，如圖片疊加、圖片背景等。

<div style="position: relative;">
  <img src="image.jpg" style="width: 200px; height: 200px; border: 1px solid black;" />
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('image2.jpg');"></div>
</div>

是幾種使用CSS和div顯示圖片的方法，可以根據(jù)具體的需求選擇適合的方法。