下面是實現一個向上的等腰三角形的示例代碼：

.triangle-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}

代碼解析：

• 設置寬高為0是因為三角形是借助邊框來實現的，沒有內容。
• border-left和border-right都設置成了transparent，所以左右兩邊沒有邊框。
• border-bottom設置成了black，即黑色，所以三角形底部有黑邊框。

同理，通過border的不同組合，我們可以制作出各種不同形狀的三角形，比如向下的三角形：

.triangle-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid black;
}

上述代碼和向上的三角形的代碼基本一致，只有border-bottom和border-top換了個位置，就完成了向下的三角形。

除了等腰三角形，我們還可以制作等邊三角形、直角三角形等。下面是一份制作等邊三角形的示例代碼：

.triangle-eq {
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: black;
}

代碼解析：

• 等邊三角形的三邊相等，所以只需要設置一個border就可以了。
• 設置寬高為0，沒有內容。
• border-top-color為黑色，表示三角形的三個角都是60度，是等邊三角形。

總的來說，使用border屬性制作三角形是一種較為簡單的方法，也是經常使用的操作，結合不同的border組合和方位可以實現多種形狀的三角形圖案。