在CSS中，我們經常會用到<a>標簽用于超鏈接的建立。而有時候我們需要在超鏈接前面添加一些圖標、符號或文字來豐富樣式，這時候就可以使用CSS中的“a前面加點”的技巧。

a:before{
content: "●";
margin-right: 5px;
color: red;
}

上述代碼中，我們使用了偽元素“before”來實現在a標簽前面添加一個紅色圓點（●）。其中，content屬性表示在a標簽前面添加的內容，margin-right屬性表示將內容與a標簽之間的空白距離設置為5像素，color屬性表示將圓點的顏色設置為紅色。

除了圓點外，我們還可以在content屬性中添加其他內容，如文字或圖標：

a:before{
content: ">>";
margin-right: 5px;
font-size: 20px;
color: blue;
}

上述代碼中，在a標簽前面添加兩個右尖括號（>>），將字體大小設置為20像素，并將顏色設置為藍色。

需要注意的是，當在content屬性中添加圖標時，需要使用Unicode編碼或外部字體文件來實現。例如，我們需要在a標簽前面添加一個箭頭符號（→）：

a:before{
content: "\2192";
margin-right: 5px;
font-size: 16px;
color: green;
}

上述代碼中，使用了Unicode編碼“\2192”來表示右箭頭符號，可將顏色、大小等屬性自行修改。

總體而言，“a前面加點”技巧是CSS中一個簡單卻實用的樣式設計方法，在合理應用的情況下能夠為網站帶來更美觀的外觀。