CSS是一種定義網頁樣式的語言，可以創建各種視覺效果。CSS偽元素是一種使用CSS樣式來創建元素的技術。偽元素能夠插入內容、樣式或其他效果，以達到頁面設計的目的。本文將介紹如何使用CSS偽元素來添加圖片。

/*使用CSS偽元素添加圖片*/
img::after{
content: url("image.jpg"); /* 插入圖片 */
display: block;
margin: auto;
width: 50%;
}

使用CSS偽元素來添加圖片非常簡單。以img元素為例，使用雙冒號(::)和after偽元素，給偽元素添加content屬性并在其中插入圖片的鏈接地址。由于偽元素是在元素的內容之后插入的，因此需要設置display屬性為block，以便使圖片單獨占據一行。

接下來，設置偽元素的寬度和margin來控制圖片的大小和位置。在上例中，偽元素的寬度設置為50%，意味著圖片將占據父容器一半的寬度。margin屬性設置為auto則表示圖片將水平居中。

在此之外，您可以根據實際需要對偽元素添加其他CSS樣式，以定制圖片的樣式和表現效果。使用CSS偽元素添加圖片僅是偽元素的眾多用法之一，通過更多的學習和實踐，您可以在偽元素上發掘更多的應用場景。