CSS實體三角形是在網頁設計中常見的形狀之一，可以用來表示菜單、指示箭頭、提示圖標等。下面我們就來看看如何通過CSS來制作實體三角形。

.triangle-up{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000;
}

以上就是制作上三角形的CSS代碼。通過設置元素的邊框來實現三角形的效果。其中，寬度和高度需要設置為0，因為實際上這只是一個由邊框組成的偽元素。另外，為了讓三角形垂直居中，可以設置display: inline-block;。

.triangle-down{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
}

這是制作下三角形的CSS代碼。與上三角形類似，只需調整邊框方向即可。

.triangle-right{
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
}

這是制作右三角形的CSS代碼。需要將上下邊框設為透明，同時將左邊框設置為顏色值。

.triangle-left{
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000;
}

最后是制作左三角形的CSS代碼。與右三角形類似，只需將左右邊框互換即可。