CSS子元素圖片是一種在網頁設計中常用的技術，它可以讓我們更方便地在頁面中插入圖片，同時也能使代碼更加簡潔易懂。

在HTML中，我們可以使用標簽插入圖片，但這樣做有時會使代碼顯得冗長。而使用CSS的子元素圖片，我們可以在HTML標簽中設定一個樣式，使它的背景圖片為我們所需的圖片。使用這種方法，我們無需在HTML中插入一段長長的標簽，只需要在CSS文件中設定一個樣式，然后在HTML標簽中引用這個樣式即可。

p {
background-image: url("example.png");
}

上面這段CSS代碼定義了一個p標簽的背景圖片為example.png。我們只需要在HTML中使用

標簽并引用這段樣式即可顯示這張圖片。

<p>這是一段文字，同時也有作為背景圖片的圖片。</p>

如上面代碼所示，用一個簡單的

標簽就可以顯示文字和圖片，而不需使用標簽。

需要注意的是，在使用CSS子元素圖片時，我們需要指定元素的寬度和高度，否則圖片將不會正確地顯示。

總結來說，CSS子元素圖片是一種簡潔易懂的插入圖片的方法，可以讓我們的代碼更加簡短優美。