CSS3 提供了很多有趣和實用的樣式效果，其中單箭頭就是其中之一。單箭頭可以用于指示特定方向，比如向右、向下等。下面是如何創(chuàng)建 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 屬性來創(chuàng)建箭頭。具體來說，上下兩側(cè)的邊框設(shè)置為透明，左側(cè)的邊框為非透明顏色，這樣就形成了單箭頭的形狀。下面是如何使用箭頭的示例。

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

上面這個示例在網(wǎng)頁上呈現(xiàn)出一個朝右的三角形形狀，該元素的類名為 arrow-right。

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

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

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

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

上面這個示例在網(wǎng)頁上呈現(xiàn)出一個朝下的三角形形狀，該元素的類名為 arrow-down。

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