CSS中有一種特殊的修飾元素——小三角形。它能夠通過簡單的代碼實現(xiàn)，為網(wǎng)頁增添一份美觀和精致感。

/*創(chuàng)建一個三角形的容器*/
.triangle {
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #000000;
}
/*將三角形旋轉*/
.triangle-up {
transform: rotate(45deg);
}
.triangle-down {
transform: rotate(-135deg);
}
.triangle-right {
transform: rotate(-45deg);
}
.triangle-left {
transform: rotate(135deg);
}

以上代碼中，我們定義了一個名為"triangle"的容器，設置其寬度和高度為0，并設置邊框顏色為透明。同時，我們通過設置"border-top-color"屬性，使得容器最上邊框的顏色為黑色，從而使得三角形能夠渲染出來。

接下來，我們通過設置"transform"屬性來控制三角形的旋轉方向和角度。當我們設置角度為45度時，三角形向上旋轉，因此我們將其命名為"triangle-up"。當設置角度為-135度時，三角形向下旋轉，命名為"triangle-down"。同理，當角度為-45度時，三角形向右旋轉，命名為"triangle-right"，當角度為135度時，三角形向左旋轉，命名為"triangle-left"。

最后，在HTML中使用"div"元素添加類名為"triangle-up"或"triangle-down"或"triangle-right"或"triangle-left"的樣式，即可在網(wǎng)頁中添加三角形修飾。