上下三角形是CSS樣式中比較常見的一種形狀，下面來簡單介紹一下使用CSS如何創建上下三角形。

首先，我們需要使用CSS的border屬性來繪制三角形，border須設置為0，然后設置border-width的值為0，其余三個方向的值為所需的三角形大小，如下所示：

.triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid #ccc;
}
.triangle-down{
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 50px solid #ccc;
}

上面的代碼中，.triangle-up類產生的是向上的三角形，.triangle-down類產生的是向下的三角形。

這里解釋一下CSS的border屬性，border的格式為border: width style color，width為邊框的寬度，style為邊框的樣式，常用的有solid實線，dashed虛線，dotted點線等，color為邊框的顏色。在繪制三角形時，我們只需要兩條邊保持透明，使其變為三角形，這是通過設置border-left和border-right的值為透明實現的。

值得注意的是，這種方式只是用于繪制等邊三角形，如果需要繪制其他形狀的三角形，則需要稍微修改一下CSS代碼。