如何繪制三角形css？首先需要使用到border屬性，border是邊框的意思，同時也可以用來繪制圖形。要繪制三角形，需要設置一個元素的邊框為無寬度，三條邊的顏色為透明，而另一條邊為需要的形狀，同樣需要設置顏色。一個基本的三角形代碼如下：

.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 50px;
border-color: transparent transparent #007bff transparent;
}

可以看到，我們將寬度設置為0，高度設置為0，表示沒有實際大小的元素。接下來設置border-style為solid，這是指邊框為實線，而border-width分別設置了上下左右四個方向的寬度，其中我們只需要將下邊框的寬度設置為需要的大小即可。border-color設置四個方向邊框的顏色，其中需要的邊框的顏色為藍色。

同時也可以通過旋轉元素實現(xiàn)不同角度的三角形。例如想要45度的三角形，我們可以先將元素旋轉45度，再進行繪制。代碼如下：

.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 50px;
border-color: transparent transparent #007bff transparent;
transform: rotate(45deg);
}

可以看到，我們在原來的基礎上添加了rotate屬性，值為45deg，即旋轉45度。通過這種方法，我們就可以繪制出各種角度、各種大小的三角形。