在 CSS 中，圖片（image）是一種特殊的元素。對(duì)于頁(yè)面上的圖片，我們可以使用 <img> 標(biāo)簽來(lái)實(shí)現(xiàn)：

<img src="picture.jpg" alt="A picture">

然而，在某些情況下，我們可能需要將圖片作為背景放置在某個(gè)元素中，或者在某個(gè)元素的特定位置上顯示圖片。這時(shí)，就需要使用 CSS 中的圖片元素了。

CSS 中的圖片元素有兩種：背景圖片和內(nèi)聯(lián)圖片。

背景圖片可以通過(guò)設(shè)置元素的 background-image 屬性來(lái)實(shí)現(xiàn)：

background-image: url(picture.jpg);

注意，像 <img> 標(biāo)簽一樣，需要指定圖片的文件路徑。當(dāng)然，也可以使用相對(duì)路徑或者絕對(duì)路徑。

另外，和 <img> 標(biāo)簽一樣，為了讓頁(yè)面更加友好，需要為背景圖片添加 alt 屬性。不過(guò)，這里的 alt 屬性無(wú)法在 CSS 中直接設(shè)置，需要在 HTML 中使用 <div> 等容器元素的 data-* 屬性來(lái)為其設(shè)置。

內(nèi)聯(lián)圖片則主要是指通過(guò)設(shè)置元素的 content 屬性來(lái)顯示圖片：

content: url(picture.jpg);

這時(shí)，元素的寬度和高度會(huì)自動(dòng)根據(jù)圖片的大小調(diào)整。需要注意的是，和背景圖片不同，內(nèi)聯(lián)圖片不占用元素的背景。

綜上所述，CSS 中的圖片元素是指能夠在元素中嵌入圖片的特殊元素。這些元素包括背景圖片和內(nèi)聯(lián)圖片，可以讓頁(yè)面的布局更加靈活多變。