CSS是一種用于網頁排版和樣式設置的語言，它可以用于繪制各種圖形，包括三角形。接下來我們將通過pre標簽展示如何使用CSS畫出三角形。

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid black;
border-bottom: 50px solid transparent;
}

這段代碼可以畫出一個向右的黑色三角形，其原理是設置三邊邊框的顏色和寬度實現。其中，border-top和border-bottom的高度為50px，寬度為0，這樣就得到了一個等腰三角形的樣子；border-right的高度為0，寬度為100px，這樣就是邊框右側的斜邊了。

如果我們想畫一個不向右的三角形怎么辦？可以通過rotate變換實現。

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid black;
border-bottom: 50px solid transparent;
transform: rotate(45deg);
}

這段代碼可以畫出一個黑色45度旋轉的等腰三角形，我們只需要在之前的代碼上添加一個transform屬性，并設置rotate參數即可。其他角度同理。

需要注意的是，我們使用的是border來畫三角形，所以只有角度為45度（如例子中的）或60度、30度、以及其倒數才會是等腰三角形，其它角度的三角形不是等腰的。

以上就是使用CSS畫出三角形的例子，希望對大家有所幫助。