在CSS中，三角形是很常見的一種形狀，比如可以用來作為下拉菜單的指示符號或者背景裝飾等。下面我們將介紹一些常用的實現方式。 使用border屬性制作三角形

.triangle{
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #333;
}

以上代碼就可以制作一個三角形，其中，通過設置寬度和高度為0，通過邊框屬性來指定三角形的大小，而通過透明的邊框顏色來隱藏對應的邊框，從而形成三角形的形狀。 使用偽類制作三角形

.arrow{
position: relative;
}
.arrow::before{
content: '';
position: absolute;
left: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #333;
}
.arrow::after{
content: '';
position: absolute;
right: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
}

通過添加::before和::after的偽類來實現三角形的形狀。通過設置邊框的顏色和對應的位置來控制三角形的形狀。同時，通過設置父級元素的position屬性來讓偽類指定位置相對于父級元素定位。 以上就是制作CSS三角形的兩種常用方法，大家可以選擇適合自己項目的方法來實現。