CSS中制作小三角形通常需要用到border屬性。

.arrow-right{
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid red;
}

以上代碼可以制作一個向右的紅色小三角形，其原理是通過border-top、border-bottom和border-left三個屬性的組合來形成一個三角形的形狀。其中，border-top和border-bottom屬性的寬度可以設為0，使其在繪制三角形時不占用空間。

.arrow-down{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid blue;
}

以上代碼可以制作一個向下的藍色小三角形，通過設置border-left和border-right屬性的寬度為0，使其不占空間，并設置border-top屬性的寬度為三角形的高度，從而繪制出一個三角形。

.arrow-left{
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid green;
}

以上代碼可以制作一個向左的綠色小三角形，其原理同向右小三角形，只是border屬性的設置發生了改變。

總結來說，利用border屬性就可以輕松制作各種小三角形，只需要根據需求設置對應的border寬度和顏色即可。