繪制三角形在網(wǎng)頁(yè)設(shè)計(jì)中非常有用，可以用來(lái)制作箭頭、提示框等各種效果。下面介紹兩種繪制三角形的方法：

方法一：

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

以上代碼中，設(shè)置元素寬度為0，高度為0，分別設(shè)置邊框的上邊框?yàn)?0px，左右邊框?yàn)橥该鳎@樣就會(huì)形成一個(gè)等腰直角三角形。

方法二：

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

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

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