CSS tooltip三角是一種常用于網頁設計的工具，它可以為用戶提供更加優美的視覺效果和更加便利的操作體驗。三角一般位于tooltip框的上方或者下方，用于指示具體的操作內容或者提示信息。

.triangle-up {
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -7px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid #333;
}
.triangle-down {
position: absolute;
top: -8px;
left: 50%;
margin-left: -7px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid #333;
}

上述代碼為CSS tooltip三角的樣式代碼。通過定義不同的類名，可以實現上三角和下三角的不同樣式。其中，通過設置position屬性為absolute實現對tooltip三角的定位；通過設置border-width、border-style和border-color等屬性可以實現三角的形狀和顏色的定制。

因此，CSS tooltip三角為網頁設計帶來了更加豐富和多樣化的表現效果。在實際應用中，我們可以根據具體的需求來靈活、巧妙地利用這一工具，從而為用戶帶來更加優良的視覺體驗。