CSS三角設置是CSS的一個非常實用的特性。在設計頁面時，如果需要添加三角形的箭頭樣式，可以利用CSS三角設置輕松地實現。

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

以上代碼展示了如何通過設置CSS屬性，分別創建了向上、向下、向左、向右四個方向的箭頭樣式。

其中，border-left: 5px solid transparent;和border-right: 5px solid transparent;屬性可以將左右兩側的邊框設置為透明，實現三角形的效果。而border-top: 5px solid transparent;和border-bottom: 5px solid transparent;屬性則可以將上下兩側的邊框設置為透明。

通過對這些屬性的組合使用，結合自己的需求進行調整，可以創建出各種不同方向、不同大小的三角形樣式，為頁面的設計提供了更加豐富的選擇。