網(wǎng)頁中，顯示圖片是非常常見的操作，而在CSS中如何使用圖片則是大多數(shù)前端開發(fā)人員應(yīng)該了解的知識(shí)點(diǎn)之一。在CSS中，我們可以使用屬性“background-image”引用一個(gè)圖片的地址，也可以使用“content”屬性在偽元素中插入圖片。但是，在實(shí)際項(xiàng)目中，經(jīng)常會(huì)看到使用“img”標(biāo)簽來展現(xiàn)圖片。那么，在CSS中，如何使用“img”標(biāo)簽的“src”屬性來引用圖片呢？

以上是最簡(jiǎn)單的使用方法，但是如果要在CSS中使用“img”的“src”屬性，則需要通過“background-image”屬性和一些具體的樣式來實(shí)現(xiàn)。下面是一個(gè)示例代碼塊。

img {
display: block;
width: 100px;
height: 100px;
background-image: url("image.jpg");
background-repeat: no-repeat;
}
/*在這個(gè)樣式中，我們使用background-image屬性來引入圖片，通過display使圖片變成塊級(jí)元素，通過width和height指定圖片的大小，通過background-repeat屬性指定圖片不要重復(fù)顯示。*/

需要注意的是，使用這種方式來顯示圖片時(shí)，圖片不會(huì)被當(dāng)做“img”標(biāo)簽使用，而是作為元素的背景來顯示，因此無法使用“alt”屬性來為圖片提供文本描述。

總結(jié)起來，在CSS中使用“img”標(biāo)簽的“src”屬性來展示圖片，需要用到屬性“background-image”和一些具體的樣式來實(shí)現(xiàn)。而使用這種方式來展示圖片，需要注意的是無法使用“alt”屬性為圖片提供文本描述。