CSS是網頁設計中的重要一環，它可以讓網頁看起來更加美觀、整潔。今天，我們來學習如何用CSS寫一個三角形。 首先，我們需要一個div容器：

<div class="triangle"></div>

然后，我們需要給這個容器設置寬度、高度、邊框和邊框顏色：

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

這樣，我們就得到了一個紅色的三角形，它的底部寬度為100像素，高度為50像素。 如果我們想要得到一個等邊三角形，可以將border-top和border-right的值改為相同的：

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

這樣，我們就得到了一個等邊三角形，它的底部寬度為100像素，高度為50像素。 還有一種方法可以得到等邊三角形，就是利用CSS的偽元素before和after。在div容器中添加before偽元素，設置其樣式：

.triangle::before {
content: "";
display: block;
width: 0px;
height: 0px;
border-top: 50px solid #f00;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}

這樣，我們也可以得到一個等邊三角形，它的底部寬度為100像素，高度為50像素。 總結一下，我們可以通過簡單的CSS樣式來實現三角形的繪制，這一技巧可以為我們的網頁設計帶來更多的可能性和靈活性。