使用CSS可以很方便地制作出各種形狀，其中三角形也是比較常見的一種。下面介紹兩種方法。

1. 使用border

.triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}

代碼解釋：

首先將元素寬高設為0，然后通過border的方式將三個邊界設置為不同的樣式，從而生成一個三角形。其中，我們將上邊界設置為50px，可以通過修改這個值來改變三角形的大小；將右、左邊界設置為透明即可只顯示上邊界。

2. 使用偽類

.triangle {
position: relative;
width: 100px;
height: 100px;
}
.triangle::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
}

代碼解釋：

同樣需要將元素寬高設為0。不過這里是通過偽類來創建一個實際的空白元素，再將其邊框設置為三角形的樣式。我們將上邊界的大小設置為50px，同樣可以通過修改這個值來改變三角形的大小。

以上兩種方法均可以通過修改顏色等樣式屬性來實現不同顏色、多個三角形、不規則形狀等效果。