CSS3 提供了很多有趣和實用的樣式效果，其中單箭頭就是其中之一。單箭頭可以用于指示特定方向，比如向右、向下等。下面是如何創建 CSS3 單箭頭的示例。

.arrow-right {
width: 0;
height: 0;
margin: 10px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #333;
}

上面的代碼使用了 border 屬性來創建箭頭。具體來說，上下兩側的邊框設置為透明，左側的邊框為非透明顏色，這樣就形成了單箭頭的形狀。下面是如何使用箭頭的示例。

<div class="arrow-right"></div>

上面這個示例在網頁上呈現出一個朝右的三角形形狀，該元素的類名為 arrow-right。

除了向右，我們還可以創建其他方向的單箭頭。比如，下面是如何創建朝下的單箭頭。

.arrow-down {
width: 0;
height: 0;
margin: 10px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #333;
}

這個樣式代碼與上面的示例類似，只是上下兩側的邊框換成了水平方向的透明邊框，而左側的邊框則是垂直方向的非透明邊框。下面是如何使用朝下單箭頭的示例。

<div class="arrow-down"></div>

上面這個示例在網頁上呈現出一個朝下的三角形形狀，該元素的類名為 arrow-down。

總之，CSS3 單箭頭是一個非常實用的效果，可以用于各種需要指示方向的場合。以上就是使用 CSS3 創建單箭頭的示例，希望對你有所幫助。