在CSS中，我們可以使用border屬性來制作下拉三角形。下面是一個簡單的例子：

.dropdown {
width: 100px;
height: 30px;
position: relative;
background-color: #fff;
}
.dropdown:after {
content: "";
display: block;
border: solid transparent;
border-width: 8px;
border-top-color: #000;
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
}

在上面的例子中，我們給一個容器 .dropdown 設置了一個 position: relative 屬性，并在其下方使用了一個 ::after 偽元素。通過設置偽元素的 display: block 屬性并且給它一個內容（使用 content 屬性），我們就能為其添加一些樣式了。

在這里，我們使用了 border 屬性來制作三角形。border-width 屬性用來設置邊框的寬度，然后用 border-top-color 來設置頂部邊框的顏色，而其他三個邊框設為 transparent。

通過將偽元素定位到容器的底部，并使用 left 屬性和 transform 屬性（translateX(-50%)）將其水平居中，我們就可以將三角形放置在容器的下方。

最后，通過調整邊框的寬度和偽元素的位置，我們就可以輕松地制作不同大小和顏色的下拉三角形了。

/* 藍色三角形 */
.dropdown-blue:after {
border-top-color: blue;
border-width: 12px;
bottom: -22px;
}
/* 紅色三角形 */
.dropdown-red:after {
border-top-color: red;
border-width: 6px;
bottom: -10px;
}