CSS中的三角形，常用于標記、箭頭等圖標，它的制作方法有多種。接下來我們就一起來探討三種比較常見的制作方法。

// 方法一：使用border屬性和空內容
.triangle {
width: 0;
height: 0;
border-top: 10px solid #000;
border-right: 10px solid transparent;
}
// 方法二：使用偽元素
.triangle::after {
content: '';
display: block;
border-top: 10px solid #000;
border-right: 10px solid transparent;
width: 0;
height: 0;
}
// 方法三：使用transform
.triangle {
width: 20px;
height: 20px;
transform: rotate(45deg);
border: 10px solid #000;
}

方法一使用了border屬性和空內容的特性，實現了一個寬高為0的三角形。需要注意的是，其中border-top的值就是三角形的高度。

方法二使用了偽元素::after來實現，先定義了寬高為0并透明的元素，再利用border屬性給其中一個方向添加上必要的樣式。

方法三則是使用了transform旋轉變換的方式，先定義一個正方形元素，再通過旋轉變換將其轉為等邊三角形。

這三種方法都可以制作出可用于大多數場合的三角形，不同的則是實現原理。在實際項目中需要結合實際需求和實現難度等因素進行選擇。