三角形可以用來作為頁面裝飾，制作菜單下拉箭頭、頁眉頁腳的裝飾等。而用CSS代碼實現三角形并不難，只需對border屬性進行巧妙運用即可。

/* 實心三角形 */
.triangle {
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #000 transparent;
}
/* 空心三角形 */
.triangle {
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #000 transparent transparent transparent;
}

如果需要修改三角形的大小，只需修改border-width的值即可。同時，border-color可以使用rgba值來設置三角形的顏色及透明度。

/* 半透明三角形 */
.triangle {
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
}

另外，如果要制作等腰三角形，只需將其中兩個border-width值設置為0，同時設置對應兩個border-color的值即可。

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

以上是制作三角形的基本代碼，通過對border屬性進行配置，可以輕松實現各種形態的三角形。在項目中需要用到三角形的地方，應該選擇適合的方法制作。