在網頁設計中，常常需要使用三角形來修飾頁面布局或展示。而使用CSS實現純CSS畫三角形是最簡單的方法之一。 要在CSS中畫三角形，我們需要使用CSS的border屬性。border屬性表示邊框，通過控制不同位置的邊框寬度和顏色，我們可以畫出各種形狀的圖形。 首先，我們來看如何畫一個向上的三角形。代碼如下：

p{
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #f00;
}

解釋一下代碼： - 首先，我們指定了p元素的寬度和高度都為0，這是為了讓它成為一個“空”的容器。 - 然后，我們使用border屬性來添加三條邊框。border-left和border-right是透明的，這是為了讓三角形只有一個底部，而不是一個梯形。同時，我們將border-bottom設置為紅色，以顯示三角形的底部。這里我們將它的高度設置為20px。 這樣，我們就成功畫出了一個向上的三角形。接下來，我們可以通過控制不同的邊框來畫出其他朝向的三角形。 例如，如果我們想畫出一個向下的三角形，可以把border-bottom改為透明，而將border-top設置為指定顏色。代碼如下：

p{
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f00;
}

類似地，如果我們想畫出左、右的三角形，只需要改變對應的邊框即可。例如，畫一個向左的三角形：

p{
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #f00;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
}

這樣，我們就可以通過純CSS畫出各個方向的三角形了。有了這種方法，我們可以實現很多有趣的頁面特效。