繪制三角形在網頁設計中非常有用，可以用來制作箭頭、提示框等各種效果。下面介紹兩種繪制三角形的方法：

方法一：

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

以上代碼中，設置元素寬度為0，高度為0，分別設置邊框的上邊框為50px，左右邊框為透明，這樣就會形成一個等腰直角三角形。

方法二：

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

以上代碼中，設置元素寬度為0，高度為0，同時設置邊框的寬度為50px，顏色為紅色，邊框的四個方向設置為透明、透明、透明、透明，這樣也能形成一個等腰直角三角形。

如果希望繪制其他形狀的三角形，只需要根據需要調整邊框的大小和顏色就可以了。