CSS中的偽元素是一種很有用的工具，它可以用來向HTML元素添加虛擬的元素。我們可以使用偽元素為元素的內容添加特殊的效果，例如插入圖片、設置背景顏色、添加特殊符號等等。

p::before {
content: "★";
color: #f00;
font-size: 20px;
}
p::after {
content: "";
background-image: url(https://example.com/image.png);
display: block;
width: 50px;
height: 50px;
}

上面的代碼展示了如何使用CSS中的偽元素，其中“::before”和“::after”是CSS中的偽元素選擇器。

在第一個例子中，我們使用“::before”偽元素為每一個段落添加了一個紅色五角星，并且設置了字體大小為20px。

在第二個例子中，我們使用了“::after”偽元素插入了一個圖片，并設置了寬度、高度，以及“display: block”屬性，讓圖片獨占一行。

除了“::before”和“::after”，CSS中還有很多其他的偽元素，例如“::first-line”、“::first-letter”等，每一個偽元素都有自己特定的功能。

需要注意的是，在使用偽元素的時候，一定要記得為其設置“content”屬性，否則這個偽元素不會起作用。

總之，CSS中的偽元素是一種非常有用的工具，能夠為我們的網頁設計帶來更多的創意和變化。通過靈活運用偽元素，我們可以讓我們的網頁更加生動有趣。