CSS偽類是在HTML文檔中，被定義的一些特殊狀態的元素，這些狀態下的元素可以根據需要設置樣式。其中，偽類箭頭是一種比較常見的樣式，它可以在頁面中創建類似箭頭的形狀。

.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
}
.arrow-left {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 5px solid black;
border-bottom: 5px solid transparent;
}
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid black;
border-bottom: 5px solid transparent;
}

上述代碼中，我們使用了CSS的border屬性，通過設置不同的border來使其呈現出不同的形狀。例如，箭頭向上的樣式設定了一個寬度和高度都為0的div，左右兩側的邊框都使用了透明顏色，而底部的邊框則使用了黑色。

通過這種方式可以輕松創建多種方向的指示箭頭，例如箭頭向上、向下、向左、向右等等。這種方法效果簡單直觀，可直接在HTML中調用，非常方便快捷。