在網頁設計中，經常會遇到需要用到三角形的場景，而正三角又是最基礎且最常見的一種，今天我們來學習如何使用CSS寫出漂亮的正三角。

.triangle {
width: 0;
height: 0;
border-width: 50px; /* 可以根據需要改變大小 */
border-style: solid;
border-color: transparent transparent #007bff transparent; /* 可以改變顏色 */
}

上面的代碼是實現正三角的CSS代碼。其中，我們通過控制border-width屬性來控制三角形的大小，通過border-style來指定邊框樣式為solid實線，最后通過border-color來控制各邊框的顏色，其中只有下邊框的顏色為藍色，其它三邊都是透明的。

如果需要生成等邊三角形，只需要通過控制三個邊框的長度相等，就可以實現特定大小的等邊三角形。同時我們還可以使用偽元素:before/:after的方式來實現拓展功能，例如制作三角箭頭，具體實現方式可以在頁面中查詢相應資料。

CSS的三角形制作雖然簡單，但是可以應用到很多場景中。希望本文能夠幫助到網頁設計初學者。