CSS3是一個非常強大的前端樣式語言，其中有很多實現小三角的方法。下面將介紹兩種比較常見的方法：

1. 利用border實現

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

上面的代碼中，我們將整個小三角的寬度和高度都設置成了0，然后分別在左右兩邊和底部畫了三條線框出小三角的形狀。

2. 利用偽元素實現

.triangle-down {
position: relative;
width: 0;
height: 0;
}
.triangle-down:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid red;
}

上面的代碼則是利用了CSS3的偽元素特性，通過在父元素上添加一個偽元素來實現小三角的效果。