CSS可以用各種方式來創(chuàng)建三角形。下面是一些方法。

1. border方式

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

使用border方式來制作三角形非常方便，只需要設(shè)置邊框的寬度和顏色。其中，用transparent來表示沒有顏色。

2. clip-path方式

.triangle {
width: 100px;
height: 100px;
background: red;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

使用clip-path方式更加靈活，可以制作出各種形狀的三角形。需要注意的是，clip-path在一些老版瀏覽器中不被支持。

3. pseudo元素方式

.triangle {
position: relative;
width: 0px;
height: 0px;
border-top: 50px solid transparent;
border-right: 50px solid red;
border-bottom: 50px solid transparent;
}
.triangle:before {
content: '';
position: absolute;
top: -50px;
left: -50px;
width: 100px;
height: 100px;
background: transparent;
}

使用pseudo元素方式可以讓三角形更加容易使用，不需要在HTML代碼中添加額外的元素。通過設(shè)置相對定位和絕對定位，可以制作出各種形狀的三角形。

綜上所述，CSS具有制作三角形的多種方式，可以根據(jù)實際情況進(jìn)行選擇使用。但是需要注意的是，在老版瀏覽器中可能無法支持部分方法。