CSS3三角符號在前端開發中非常常見，可以用于各種場景，例如下拉菜單、標簽頁等。下面我們來介紹一下CSS3中的三角符號。

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

上面的代碼是四種常見的三角符號，分別表示向上、向下、向左、向右。

這里解釋一下每個屬性的含義：

1. width和height設置為0是為了讓三角形只延伸出border那么多的距離
2. border-left、border-right、border-top、border-bottom分別表示左邊、右邊、上邊、下邊的邊框
3. s

這樣就可以在自己的代碼中使用了，根據需要修改顏色和大小即可。