CSS實現(xiàn)下拉菜單的時候，經(jīng)常會在選項旁邊添加一個小三角來表示下拉菜單。這個小三角的實現(xiàn)很簡單，只需要使用CSS的邊框樣式即可。

.dropdown {
position: relative;
}
.dropdown:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #333 transparent transparent transparent;
}

代碼中，我們使用`:before`偽元素來創(chuàng)建一個在下拉菜單右側(cè)的三角形。首先，我們將它的位置設(shè)為相對于父元素（即下拉菜單本身），并將`top`和`right`屬性設(shè)置成`50%`和`10px`，使其水平居中并靠右對齊。接下來，通過`transform`將它在垂直方向上向上平移了50%的距離，使得它在垂直方向上也居中對齊。然后，我們將它的寬度和高度都設(shè)為0，接著通過`border-style`將邊框樣式設(shè)置為`solid`，并將底部的邊框設(shè)置成寬度為6px，其他三個邊框?qū)挾葹?，這樣就可以生成一個等腰直角三角形。最后，我們通過`border-color`將底邊框顏色設(shè)置為黑色，其他三邊框顏色設(shè)置成透明，這樣就可以得到一個漂亮的小三角了。