CSS是前端開發必不可少的技能之一，常用于美化網頁元素。其中制作小三角圖標是常見的應用之一。

下面通過代碼演示如何使用CSS制作小三角圖標：

.triangle {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #000;
border-bottom: 10px solid transparent;
}

以上代碼中，我們首先定義了一個類名為“triangle”的元素，并設置了它的寬度和高度都為0。

接下來，我們使用CSS的 border 屬性來繪制三角形。同時，為了只讓三角形的一邊顯示顏色，還需設置其他兩邊為透明。

我們設置了三角形的上邊框為10px寬度的透明線條，右邊框為10px寬度的黑色線條，下邊框為10px寬度的透明線條。

以上代碼就可以制作出一個黑色的三角形圖標。如果需要更改大小或顏色，只需調整對應的屬性即可。例如，如果要制作一個紅色的20px寬度的三角形圖標，只需將CSS代碼改為：

.triangle {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #f00;
border-bottom: 20px solid transparent;
}

以上代碼中，我們將三角形的大小改為20px，顏色改為紅色。

CSS制作小三角圖標非常簡單，只需要掌握幾個屬性的用法即可。它可以用于各種網頁元素，如導航欄、工具條等，為網頁增添美觀的效果。