CSS小三角圖標是Web開發中常用的一個元素，它可以用來做下拉列表、工具提示等需要指向性的內容。下面我們來講一下如何用CSS制作小三角圖標。

.triangle {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
}

首先，我們定義一個用來表示三角形的CSS類名叫做“triangle”。接下來，我們通過設置“width”和“height”屬性將三角形的大小設置為0，因為邊框線是我們要用來畫三角形的。接著，我們設置“border-left”和“border-right”屬性為“5px solid transparent”，這樣左右兩側的邊框就變成了透明的，即在我們的三角形中并沒有左右兩側的線段。然后，我們設置“border-bottom”屬性為“5px solid #000000”，這個屬性就定義了我們的三角形下方的那條邊框線，也就是三角形的底邊。

要讓我們定義的三角形指向不同的方向，可以通過改變我們設置的三條邊線的方向來實現。比如，如果我們想要一個向上的三角形，只需要將“border-bottom”改為“border-top”即可。