在網頁開發中，下拉小三角是一個常見的效果，通常用于下拉菜單或下拉選擇框。而這個效果的實現，其實離不開 CSS。

首先，我們需要在 HTML 中定義一個下拉菜單或下拉選擇框。例如：

<select>
<option value="1">選項一</option>
<option value="2">選項二</option>
<option value="3">選項三</option>
</select>

接下來，我們可以利用 CSS 的偽元素（pseudo-element）:after 或 :before 來實現下拉小三角的效果。

select:after {
content: "";
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
height: 4px;
margin-left: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

解釋一下上述代碼：

• 首先，利用 content 屬性將偽元素插入到文檔中。
• 設置邊框樣式為實線，顏色為黑色。
• 設置邊框寬度，使其形成一個三角形。
• 設置 inline-block 屬性，使其成為一個行內塊元素，方便與文本對齊。
• 設置高度和 margin-left 值，調整三角形的位置和大小。
• 使用 transform 旋轉三角形，使之成為一個下拉箭頭。-webkit-transform 屬性用于兼容 Safari 和 Chrome 等瀏覽器。

如果要實現向上的下拉小三角，只需調整 rotate 的旋轉角度即可。

總之，利用 CSS 的偽元素和 transform 屬性，實現下拉小三角是非常容易的。只需要簡單的幾行代碼，就可以讓你的網頁看起來更加美觀，操作起來更為方便。