三角形是UI設(shè)計中常見的元素之一，使用CSS可以輕松地制作出各種不同的三角形效果。

/* 一個等邊三角形 */
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #f00;
}
/* 一個直角三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid #000;
border-right: 50px solid transparent;
}
/* 一個斜角三角形 */
.triangle {
width: 100px;
height: 100px;
border-top: 100px solid #000;
border-right: 50px solid transparent;
}

以上是三個常見的三角形樣式，可以通過改變border的大小、樣式和顏色來實現(xiàn)各種效果。可以發(fā)現(xiàn)，使用CSS來制作三角形簡單而且靈活方便，適用于各種場景。