CSS是我們網頁設計中必不可少的一部分，它不僅可以設置元素樣式，還能夠構造各種形狀，比如我們現在要介紹的三角形。在本文中，我們將通過純CSS代碼來構造三角形。

/* 等腰三角形 */
.triangle {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent #000 transparent;
}
/* 直角三角形 */
.triangle {
width: 0;
height: 0;
border-width: 40px 40px 0 0;
border-style: solid;
border-color: #000 transparent transparent transparent;
}

我們可以看到，通過設置元素的border屬性，我們可以構造出等腰、直角兩種三角形。具體來說，等腰三角形的border樣式為一個四方形，其中左右兩條邊的顏色為transparent透明，下邊的顏色為我們想要的顏色，上邊同樣為transparent透明，設置后就會形成一個等腰三角形。而直角三角形則是在等腰三角形的基礎上，將上邊也設置為透明，左上角和右下角分別為border-width的值，這樣就能形成一個直角三角形了。

需要注意的是，我們在設置三角形的時候，一定要將元素的寬高都設置為0，這樣才能夠通過border屬性來控制它的大小。另外，三角形的上、下、左、右以及對角線各種樣式的組合可以產生出更多形狀的效果。希望大家在使用CSS構造三角形時，可以更加靈活運用這些方法，為自己的網頁設計增添多樣化的效果。