CSS3提供了很多方便的選擇器以及簡單易用的功能來創建獨特的樣式。其中之一就是使用CSS3來創建漂亮的小三角。

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

上面的代碼可以創建一個紅色的往下的小三角。其中，width和height都為0，是因為我們只需要利用CSS3的border來創建邊框。border-left和border-right設置為透明，這樣就只有border-bottom顯示出來，即形成三角形。

如果要創建其他顏色、方向的小三角，只需要調整border的方向和顏色就可以了。

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

上面的代碼可以創建一個綠色的往右的小三角。與之前的代碼類似，只是改了border的方向和顏色。

利用CSS3創建小三角并不難，但要注意的一點是，它只在支持CSS3的現代瀏覽器上才能完美顯示。對于那些老舊的瀏覽器，需要提供一些備選方案。