CSS可以使用偽類來畫出各種形狀，其中三角形也不例外。下面我們來看一下使用CSS畫三角的方法。

首先，在CSS中使用偽元素before或after來創建一個元素。接下來，使用CSS3 transform屬性的rotate方法旋轉它，設置寬高和邊框就可以得到一個三角形了。

.triangle{
position: relative;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 50px solid #f00;
}

上面的代碼就可以生成一個紅色的等腰直角三角形了。其中，它的高和寬都設置為0，三邊都處理成透明的，并向上的邊框設置了50px的實心顏色。如果要生成一個不同的三角形形狀，只需要更改邊框的寬度和顏色即可。

需要注意的是，IE6-8不支持transform屬性，它們只能使用margin、position等屬性來達到三角形的效果，這個時候就需要寫一些CSS hack來兼容這些老舊的瀏覽器。

總的來說，使用CSS畫三角形可以方便快捷且易于維護，而且不需要使用圖片或其他外部資源，是一種非常實用的前端技巧。