CSS三角形是通過CSS樣式來創建的，它們可以用于在網頁中制作許多有趣的效果，如下拉菜單箭頭、提示框和指示器等。基本上，我們只需要用一些簡單的 CSS 代碼就可以創建出想要的三角形了。

/* 三角形的常用樣式 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid #333;
border-bottom: 50px solid transparent;
}
/* 指定三角形指向方向 */
.triangle-up {
border-top: none;
border-bottom: 50px solid #333;
}
.triangle-right {
border-left: 50px solid #333;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}
.triangle-down {
border-bottom: none;
border-top: 50px solid #333;
}
.triangle-left {
border-right: 50px solid #333;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}

在上面的代碼中，我們創建了一個基礎的三角形樣式，不同的指向方向只需要修改相應的 border 屬性就可以了。比如，如果需要將三角形指向上方，只需要將 border-top 屬性變成 border-bottom 就可以了。

除了以上的基本樣式，我們還可以進行更多的樣式定制，比如修改三角形的顏色、大小、透明度等，來適配不同的需求。