CSS3的before偽元素可以在一個元素的內容前插入一個內容。這個內容可以是一個圖片、一個符號、一段文字等等。

在CSS中，使用:before選擇器來表示before偽元素。下面是一個簡單的CSS樣式：

p:before {
content: "!";
}

在這個樣式中，我們聲明了一個before偽元素，它出現在每個p元素的內容前面，并且包含一個嘆號。這個例子中:before選擇器使用了content屬性來添加內容。在這個屬性中，我們可以添加文本、圖片的URL、計數器、計算表達式等等。

除了添加內容，before偽元素還可以用于一些特殊效果。例如可以使用before偽元素制作一些簡單的圖標。下面是一個例子：

p:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: blue;
border-radius: 50%;
margin-right: 10px;
}

在這個例子中，我們使用display和width/height屬性聲明了這個元素的大小和顯示方式。使用background-color和border-radius屬性設置了圓形的背景色。最后，使用margin-right屬性來控制這個元素與文本之間的間距。

總而言之，before偽元素能夠幫助我們在網頁中添加一些有趣的效果，使得頁面更加生動。你可以通過學習使用:before選擇器，來實現更多的效果。