CSS中最常用的三角形制作方法是使用border屬性，同時需要設置元素的寬度和高度為0。以下是一個藍色的三角形示例：

<div class="triangle"></div>

另外一種創建三角形的方法是使用CSS3的transform屬性。需要先設置元素的寬度和高度為0，然后使用rotate屬性來旋轉元素并增加高度寬度，最后使用skew屬性來使元素傾斜。以下是一個紅色三角形的示例：

<div class="triangle2"></div>
.triangle2 {
width: 0px;
height: 0px;
border-bottom: 50px solid red;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
}

最后一種三角形創建方法是使用偽元素。首先需要設置元素position屬性為relative，然后創建偽元素，設置偽元素的寬度和高度為0，邊框設置為實線，以及設置邊框的大小和顏色。最后使用transform屬性來旋轉偽元素。以下是一個綠色的示例：

<div class="triangle3"></div>
.triangle3 {
position: relative;
width: 50px;
height: 50px;
background-color: yellow;
}
.triangle3:before {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 25px 25px 0 0;
border-color: green transparent transparent transparent;
right: 0;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}