CSS3 可以通過 transform 和 border 屬性制作簡單的三角形。下面是兩種方法。

使用 transform 屬性

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid #2b2b2b;
border-right: 50px solid #2b2b2b;
transform: rotate(45deg);
}

這個方法的關鍵在于 transform 屬性，它可以將元素繞中心點旋轉。這里將三角形旋轉 45 度，使其成為正方形的一部分，然后通過 border 屬性畫出三角形形狀。其中，上方的邊設置為透明，也就是看不見的，所以只顯示出來兩個三角形。

使用 border 屬性

.triangle {
width: 0;
height: 0;
border-width: 50px;
border-style: solid;
border-color: transparent transparent #2b2b2b transparent;
}

這個方法更加簡便，直接使用 border 屬性畫出三角形的形狀。這里注意設置三角形上方和下方的邊都是透明的，所以只顯示出兩條邊。

以上就是 CSS3 制作三角形的方法，可以根據需要選擇不同的方法實現。同時，這些技巧也可以拓展到制作更多形狀的圖案中。