CSS3是一種強大的樣式語言，它可以用來實現(xiàn)各種圖形效果，包括三角體。在本文中，我們將介紹如何使用CSS3畫三角體。

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

以上代碼是最基本的三角體樣式，使用border屬性來設(shè)置三個邊框，分別為左邊框、右邊框和底部邊框。其中，左右邊框設(shè)置為透明，底部邊框設(shè)置為實心，并且寬度為100像素，高度為50像素。

如果我們需要繪制一個有底部的等腰三角形，可以將代碼稍微修改一下：

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid blue;
position: relative;
}
.triangle:before {
content: "";
position: absolute;
left: -50px;
bottom: -50px;
width: 100px;
height: 50px;
background-color: blue;
transform: rotate(45deg);
}

以上代碼中，我們在三角體的CSS樣式中添加了一個:before偽元素。設(shè)置偽元素的位置為左下角，然后繪制一個寬度為100像素、高度為50像素、顏色與底部邊框相同的矩形，然后通過CSS3的rotate函數(shù)進行旋轉(zhuǎn)，使其變成一個等腰三角形。

最后的效果如下所示：

如果我們需要繪制一個沒有底部的等腰三角形，只需要將底部邊框去掉即可：

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

這樣我們就可以用CSS3輕松繪制出各種形狀的三角體了。