CSS正三角形是網頁設計中非常常見的元素之一。使用CSS可以輕松繪制出漂亮的正三角形。下面我們來看一下如何實現一個CSS正三角形。

.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00; /* 控制三角形的高度 */
border-right: 50px solid transparent; /* 控制三角形的寬度 */
border-left: 50px solid transparent; /* 控制三角形的寬度 */
}

上面的代碼中，我們創建了一個類名為".triangle"的div元素，并給它設置了寬度和高度都為0。通過設置border-top、border-right和border-left屬性，我們控制三角形的形狀和顏色。其中，border-top控制三角形的高度，border-right和border-left控制三角形的寬度。

如果想要正三角形的顏色不同于背景色，則需要將.border-top的顏色設置成需要的顏色，將border-right和border-left的顏色都設置成背景色即可。

總結：使用CSS可以輕松繪制出漂亮的正三角形，實現方法非常簡單，只需要掌握border-top、border-right和border-left三個屬性即可。這些技巧可以幫助我們更好地設計網頁，讓網頁更加具有藝術感。