CSS3是最新的HTML和CSS標準，其中一個非常實用的功能就是它能夠輕松地創建多種類型的三角形。

利用CSS3的transform屬性和rotate函數，可以輕松地制作等腰以及直角三角形。例如:

/* 等腰三角形 */
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #ccc;
}
/* 直角三角形 */
.triangle {
width: 0;
height: 0;
border: 30px solid transparent;
border-right-color: #ccc;
}

除此之外，CSS3還能夠創建其他類型的三角形，例如向上、向下、向左和向右的箭頭。以下是一些常用的代碼:

/* 向上箭頭 */
.triangle {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #ccc;
}
/* 向下箭頭 */
.triangle {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #ccc;
}
/* 向左箭頭 */
.triangle {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-right: 25px solid #ccc;
border-bottom: 25px solid transparent;
}
/* 向右箭頭 */
.triangle {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-left: 25px solid #ccc;
border-bottom: 25px solid transparent;
}

可以根據需要來調整這些三角形的大小、顏色以及方向。這些不僅能夠讓網頁看起來更加優美，也能夠大幅簡化制作過程，減少工作量。