CSS是網頁設計中重要的一部分，它可以用來實現豐富的樣式效果。其中，小三角是一個很常見的樣式需求。下面，我們來看一下如何用CSS寫出小三角。

.arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #000 transparent transparent transparent;
}

上面這段代碼就是實現小三角效果的關鍵。我們通過border屬性來設置邊框樣式，將其中某一條邊框的寬度設為0，就能實現一個三角形。

border-style屬性指定邊框樣式，這里設為solid實線；border-width屬性指定邊框寬度，順序分別為上右下左，這里設為10px 10px 0 10px，即上右左邊框寬度為10px，下邊框寬度為0。

border-color屬性指定邊框顏色，也是順序指定上右下左，這里設為#000黑色，透明，透明，透明。這樣設置后，上右左三條邊框為黑色，下邊框為透明，就形成了一個小三角。

這里我們把小三角的代碼封裝在.arrow類中，實際使用時只需添加該類名到需要添加小三角效果的元素上即可。

以上就是CSS實現小三角效果的簡單示例。實際使用中，還可以通過調整邊框樣式、顏色來定制不同的小三角效果。希望對您有所幫助！