CSS3是一個強大的樣式語言，能夠為頁面帶來各種各樣的動態(tài)效果。其中一個常用的效果就是制作三角形。

在CSS3之前，制作三角形需要使用CSS hack或者圖片，而CSS3中出現(xiàn)了更加簡便的方法。我們只需要利用CSS3的border屬性，設置邊框的樣式、寬度和顏色，再將其中的三條邊隱藏掉，便可以制作出三角形了。具體代碼如下：

.triangle {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent #000000 transparent;
}

上面的代碼會生成一個黑色的三角形，可以根據(jù)需要修改border-color屬性中的顏色值來改變?nèi)切晤伾Ｍ瑫r，還可以通過修改border-width屬性的值來調整三角形大小。

然而，這種制作三角形的方式并不兼容所有瀏覽器。在IE8及以下版本中，border-color屬性不支持透明色的設置，會導致三角形無法正常顯示。解決方法是添加下面的CSS hack代碼：

.triangle {
*border-right-color: #000000;
*border-left-color: #000000;
*border-bottom-color: #000000;
border-color: transparent transparent #000000 transparent;
}

上述代碼在IE8及以下版本中會優(yōu)先執(zhí)行，將border-right-color、border-left-color和border-bottom-color設置為黑色來實現(xiàn)三角形的顯示。同時，在其他瀏覽器中則會正常使用原本的代碼。

綜上，利用CSS3制作三角形是一種簡便的方法，但需要注意兼容性問題。在制作過程中，可以根據(jù)實際情況選擇是否添加CSS hack等操作，提高頁面的兼容性。