純CSS三角形是用CSS編寫的一個圖形效果，可以使用CSS中的偽元素屬性來實現。在以下示例中，我們將演示如何使用CSS和HTML代碼創建不同類型的三角形。

/* 向下三角形 */
.triangle-down {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 50px solid #333;
}
/* 向上三角形 */
.triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid #333;
}
/* 向左三角形 */
.triangle-left {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid #333;
border-bottom: 50px solid transparent;
}
/* 向右三角形 */
.triangle-right {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid #333;
border-bottom: 50px solid transparent;
}

在這些示例中，我們使用了border屬性并將其中至少一個邊框的值設置為0，其中50px的值可以根據需要進行更改。還需要根據所需方向調整邊框的位置以確保正確呈現所需的三角形。

使用純CSS創建圖形效果是前端開發中一個很有用的技巧，可以節省HTML文件大小并減少服務器的負擔。如果您想要掌握CSS技巧，請務必多加練習并參考CSS文檔。