在 CSS 中，我們可以使用偽元素來實現點擊按鈕后加上小三角的效果。這個特效非常適合用于菜單欄等導航欄目，可以讓用戶更好地了解當前所在的位置。

/* 定義未選中狀態下的樣式 */
.button {
position: relative;
padding-right: 10px;
margin-right: 10px;
display: inline-block;
text-decoration: none;
color: #333;
}
/* 定義點擊后的樣式 */
.button.active::after {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}

在上面的代碼中，我們先將按鈕的位置設置為相對定位，以便控制偽元素的位置。然后定義未選中狀態下的樣式，此時為普通的按鈕樣式。最后，我們定義點擊后的樣式。這個樣式使用了 ::after 偽元素來添加小三角，通過設置 border 來達到這個效果。同時，偽元素的位置通過 top、right 和 margin-top 屬性來控制。

通過這種方式，我們可以輕松地實現點擊按鈕后加小三角的效果，讓網頁看起來更加美觀和實用性更強。