CSS中的before偽類可以用來添加小圖標或樣式到元素的前面。比如，我們可以在超鏈接前添加一個小箭頭，以表示該鏈接將跳轉到另一個頁面。

a:before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin-right: 4px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
}

在上面的代碼中，我們定義了一個a標簽的before偽類，并設置了其樣式。我們首先使用content屬性將其內容設置為空，則before偽類不會有文字顯示。接著，我們使用display: inline-block，將其變成inline block元素，方便使用它的寬度和高度樣式設置。然后，我們設置它的寬度和高度均為6px，并將其margin-right設置為4px，使其與超鏈接間有一點距離。

我們接下來使用border-top和border-right屬性，設置上和右兩條邊框，形成了一個類似于箭頭的圖形。最后，我們使用transform: rotate(45deg)將這個圖形旋轉45度，使其看起來更像箭頭。

使用before偽類添加小圖標可以為網頁增加趣味性和可讀性。只需要運用一些CSS知識，我們就能輕松地為我們的網頁添加一些小巧別致的小圖標。