CSS是網頁設計中必不可少的一部分，它可以控制網頁的樣式。其中，點擊小三角是網頁中的一種常用效果。那么，該怎么打呢？

首先，我們需要了解CSS中的偽元素。偽元素是CSS選擇器的一種，可以用來選擇一些不在文檔樹中的元素。

對于點擊小三角效果，我們需要用到:before和:after兩種偽元素。其中，:before用于在元素內容的前面添加內容，:after則用于在元素內容的后面添加內容。

.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:before {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
position: absolute;
right: 5px;
top: 10px;
}
.dropdown:hover:before {
border-bottom: 5px solid white;
}

上面的代碼中，我們首先給觸發下拉菜單的元素(.dropdown)設置一個相對定位(position: relative;)，接著給下拉菜單(.dropdown-content)設置絕對定位(position: absolute;)和z-index屬性（用于設置菜單層級），并將其display屬性設置為none，使其一開始不可見。

接著，我們在鼠標懸停在.dropdown元素上時，將.dropdown-content元素的display屬性設置為block，使其出現。

最后，我們利用:before偽元素在.dropdown元素的右側添加一個小三角。注意，我們需要將它的border-left和border-right屬性設置為5px，否則小三角不會出現。同時，我們為小三角設置了一個固定的位置(right和top屬性)，使其始終在.dropdown元素的右上角。當鼠標懸停在.dropdown上時，我們將小三角的border-bottom屬性設置為白色，讓小三角變成白色的同時，也使得下拉菜單可見。

以上就是CSS點擊小三角的實現方法，相信對于想要實現此效果的網頁設計者來說，非常有用。