CSS小右三角是一種常見的圖形元素，通常用于表示下拉菜單或展開內(nèi)容。使用CSS可以輕松實現(xiàn)小右三角，并自定義其顏色、大小和位置。以下是一個簡單的示例代碼：

下面是一個基本的CSS小右三角：

.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
}

以上代碼定義了一個class為arrow-right的元素，它的寬高為0，上下邊框為透明色，左邊框為黑色，寬度為5px，高度為10px，這樣就形成了一個小右三角。

接下來我們可以自定義其顏色和大小：

.arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #FF0000;
}

以上代碼將小右三角的寬度和高度都加倍，然后將左邊框的顏色改為紅色，這樣就可以得到一個更大更醒目的小右三角。

最后我們可以調(diào)整小右三角的位置：

.arrow-right {
display: inline-block;
transform: rotate(45deg) translate(0, -50%);
transform-origin: 0 0;
margin-right: 5px;
}

以上代碼將小右三角設(shè)置為行內(nèi)元素，并使用transform將其旋轉(zhuǎn)45度，然后向上平移50%自身高度，這樣可以讓小右三角垂直居中。設(shè)置transform-origin為左上角，使其以左上角為基準(zhǔn)進(jìn)行旋轉(zhuǎn)和平移。最后加入margin-right使其與其他內(nèi)容保持一定的距離。

使用CSS小右三角可以讓我們在網(wǎng)頁中方便地制作出各種下拉菜單，圖標(biāo)等等，同時也可以通過調(diào)整其顏色、大小和位置來滿足不同的需求。