在CSS中，我們可以使用各種技巧來實現各種小圖形，一種比較常見且簡單的效果就是小三角。接下來，我們就來了解一下如何使用CSS編寫小三角。

/* 三角已經實現，但沒有顏色和邊框 */
.triangle {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid black;
}

以上代碼展示的就是如何創建一個三角，我們需要使用到border屬性，這個屬性可以控制元素的邊框粗細和顏色。其中，border-left、border-right、border-top、border-bottom分別設置為了透明、透明、透明、黑色，這樣就形成了一個向上的三角形狀。

此時，如果需要改變三角的顏色，只需要將border-top的顏色改成其它顏色即可。如果需要改變三角的大小，可以在border-width中進行修改，修改后還需要調整元素的寬高以適應三角形狀的大小變化。

如果想要在三角形狀四周添加邊框，可以在元素上添加border屬性，這樣就可以將三角形與邊框分離開來，實現更豐富的效果。

/* 完整代碼，增加了背景顏色和邊框 */
.triangle {
width: 0;
height: 0;
border-width: 10px;
border-color: #ccc;
border-style: solid;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-top: 10px solid black;
background-color: #fff;
}

以上代碼展示了完整的三角形代碼，可以根據需要進行修改調整。