CSS中的三角下標是指一種用CSS樣式對“下箭頭”做出的特殊處理，可以通過CSS樣式設置一個元素的下箭頭樣式，主要用于網頁布局和設計中。在實際應用中，三角下標廣泛應用于導航欄、下拉列表、面包屑等網頁元素的設計，使得這些元素更為美觀、簡潔、易讀。

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

上面這段CSS樣式代碼定義了一個 class 名為 arrow-down，這個樣式將會在我們需要設置下箭頭樣式的元素上應用。這個樣式會生成一個寬度為0、高度為0的三角形，利用三角形的特性，讓它的下邊框顯示出來，就形成了一個下箭頭。其中，借助border-style的特性，我們將上邊框、左邊框、右邊框設置為透明的，將下邊框設置為用#000渲染。

.arrow-down:hover{
border-top-color:red;
}

我們還可以通過:hover來實現鼠標懸停時樣式的變化。鼠標懸停時，我們將原來樣式中的border-top-color屬性修改為red。這樣，當鼠標懸停時，下箭頭將變成紅色，給用戶以視覺反饋，增加UI體驗。

總之，使用CSS三角下標可以輕松實現網頁設計中常用的下拉菜單、導航欄等，這樣的設計既美觀又實用，是網頁設計中不可或缺的元素之一。