CSS 三角標是常用的一種圖形，在網頁設計中會被廣泛使用。三角標的制作可以通過偽元素和CSS屬性進行設置。

.triangle {
width: 0;
height: 0;
border-top: 10px solid transparent;  /*上三角*/
border-right: 10px solid #000;
border-bottom: 10px solid transparent;
}

上述代碼中，.triangle類設置了三個邊框，分別為上、右和下。通過設置邊框大小和顏色，便可以制作出一個黑色的三角標。

.triangle-up {
width: 10px;
height: 10px;
border-left: 5px solid transparent;  /*上三角*/
border-right: 5px solid transparent;
border-bottom: 10px solid #000;
}

如果需要使用上三角標記，可以通過更改邊框的屬性來實現。上述代碼通過將邊框的頂部和底部修改為透明，左右兩側設置成相同的顏色，便可以制作出一個向上的黑色三角標。

.triangle-down {
width: 10px;
height: 10px;
border-left: 5px solid transparent;  /*下三角*/
border-right: 5px solid transparent;
border-top: 10px solid #000;
}

同理，如果需要制作一個向下的三角標，可以更改邊框的設置如上述代碼。可以看到，通過設置不同的邊框屬性和顏色，便可以輕松制作出各種形狀的三角標了。