CSS中可以通過偽元素:before和:after來繪制不同形狀的圖形，本文將介紹如何使用CSS繪制3角形。

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

以上代碼為基本的繪制三角形的樣式。我們可以通過修改border-left和border-right的值來調整三角形的大小和傾斜角度，通過修改border-bottom的值來調整三角形的顏色。同時，我們也可以通過給三角形添加樣式來美化它。

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #000;
position: relative;
margin-top: 20px;
}
.triangle:before {
content: '';
position: absolute;
left: -50px;
top: -100px;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #ccc;
}
.triangle:after {
content: '';
position: absolute;
left: 50px;
top: -100px;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #999;
}

通過添加:before和:after偽元素以及相關樣式，我們可以在3角形左右兩側添加上下不同顏色的三角形，使整體效果更加美觀。

總結來說，使用CSS繪制3角形只需要簡單的border樣式即可，同時也可以通過添加其他樣式來美化和完善。這種方法可以在不使用圖片的情況下輕松繪制出各種形狀。在實際應用中也能夠使頁面加載更快，并方便更好的適應不同設備的屏幕尺寸。