CSS是前端開發(fā)中非常重要的一部分，它可以讓網(wǎng)頁更加美觀、易于閱讀。在CSS中，小三角的設計應用非常廣泛，比如用于下拉菜單、分頁等場景中。那么，我們該如何利用CSS打出小三角呢？

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

我們首先創(chuàng)建一個class名為 "arrow-up" 的樣式，這個樣式表示的是小三角向上的方向。在這個樣式中，我們使用了border屬性讓小三角成為一個等腰三角形，其中border-left和border-right設置成透明，實現(xiàn)了小三角的傾斜效果。border-bottom設置了小三角的顏色和大小，這里我們使用的是黑色。

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

接著，我們可以再次創(chuàng)建一個class名為 "arrow-down" 的樣式，這個樣式表示的是小三角向下的方向。和 "arrow-up" 樣式中一樣，我們同樣使用了border屬性讓小三角成為一個等腰三角形，其中border-left和border-right設置成透明，實現(xiàn)了小三角的傾斜效果。border-top設置了小三角的顏色和大小，這里我們同樣使用的是黑色。

通過這些簡單的CSS樣式，我們就可以輕松地創(chuàng)建出漂亮的小三角，實現(xiàn)網(wǎng)頁的美觀效果。