CSS小三角符號是Web開發中常用的小細節，通過一些簡單的代碼，可以很容易地在頁面上打出漂亮的小三角符號。下面的示例將展示幾種使用CSS打出小三角符號的方法。

/* 第一種方法：利用偽元素和邊框 */
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000;
}
/* 第二種方法：利用偽元素和旋轉 */
.arrow-down {
position: relative;
width: 20px;
height: 20px;
}
.arrow-down::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #000;
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.arrow-down::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #000;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
}
/* 第三種方法：利用Unicode字符 */
.arrow-left:before {
content: "\25C0";
font-size: 20px;
}
/* 第四種方法：利用border屬性 */
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
}

以上例子展示了四種CSS打出小三角符號的方法，每種方法均有不同的優缺點，選擇哪種方法取決于具體的應用場景。Web開發中的細節往往會影響用戶的使用體驗，通過優美的小細節，能夠讓用戶感到更加舒適和愉悅。