在網頁設計中，有時候我們需要在文本上某一行的前面加上小圖標，比如說標識某一行是一個要點或者是一個鏈接等等，這時候我們就可以使用CSS來實現這個效果。

首先我們需要給文本中要點或鏈接的那一行添加一個特殊的class名稱，比如說".list-item"。

然后我們可以使用CSS中的:before偽元素來給這個行添加一個小圖標。具體做法如下：

.list-item:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-image: url("icon.png");
background-repeat: no-repeat;
background-size: 100%;
margin-right: 5px;
}

上述代碼中，我們使用了:before偽元素來創建一個偽元素，然后用content屬性來設置偽元素中的內容為空。接著我們將偽元素設置為行內塊元素（inline-block），并給它指定了一個寬度和高度，用來作為小圖標的尺寸。然后我們用background-image屬性來設置小圖標的URL，并將background-repeat設置為no-repeat，讓小圖標不會重復出現。最后我們給偽元素設置了一個和文本之間的距離（margin-right），用來和文本進行分隔。

通過以上的代碼，我們就可以在指定的行前面加上小圖標了。不同的圖標只需要改變background-image的URL即可。