CSS 下拉列表 三角是實現下拉菜單中常見的豎直向下的箭頭效果。常見的實現方式有兩種：

/* 方法一：使用 border 實現三角形 */
.dropdown {
position: relative;
}
.dropdown::after {
content: "";
position: absolute;
border: 6px solid transparent;
border-top-color: #000;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
/* 方法二：使用 transform 實現三角形 */
.dropdown {
position: relative;
}
.dropdown::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: #000;
top: 50%;
right: 10px;
transform: translateY(-50%) rotate(360deg);
}

方法一使用 border 來繪制三角，首先將容器設為相對定位，然后在容器的偽元素中使用 border 實現三角形。使用這種方法需要注意，要將容器的高度設為三角形的高度。

方法二使用 transform 來繪制三角，同樣需要將容器設為相對定位。然后偽元素的寬度和高度都設置為 0，利用 border 實現三角形的效果。此時將 translate(-50%) 移動到縱向的中心位置，rotate(360deg) 使得三角向下。

無論使用哪種方法，都能實現下拉列表的三角效果，具體可以根據自己的需求選擇相應的實現方式。