CSS下小三角形是前端開發中比較常見的元素，它可以用來表示折疊、展開等功能，增加了頁面的交互性和美觀性。

<div class="triangle"></div>
<style>
.triangle{
width:0;
height:0;
border-style:solid;
border-width:5px 5px 0 5px;
border-color:#333 transparent transparent transparent;
}
</style>

上面的代碼是一個CSS下小三角形的基本結構，我們可以通過修改CSS屬性來改變它的形態、顏色以及大小。

其中，width和height屬性設置為0，是為了使元素在頁面上不占用空間，只顯示邊框部分。border-style屬性定義邊框的樣式，solid表示實線。border-width屬性定義邊框的寬度，它的值決定了三角形的大小。border-color屬性定義邊框的顏色，最后一個transparent表示透明色，即三角形傾斜的一邊不顯示顏色。

<div class="down-triangle"></div>
<div class="up-triangle"></div>
<style>
.down-triangle,.up-triangle{
width:0;
height:0;
border-style:solid;
border-width:5px 5px 0 5px;
margin:10px;
}
.down-triangle{
border-color:#333 transparent transparent transparent;
}
.up-triangle{
border-color:transparent transparent #333 transparent;
}
</style>

上面的代碼展示了兩個方向的三角形，分別向下和向上。我們可以使用margin屬性來調整它們之間的距離。同時，可以通過修改上下兩個三角形的border-color屬性，來改變它們的顏色。

總之，CSS下小三角形的樣式和用法有很多變化，我們可以根據具體場景和需求，靈活運用它們，美化網站頁面。