CSS是前端開發中必不可少的技術之一，它可以實現很多炫酷的效果。在這篇文章中，我們將學習如何使用純CSS來繪制雙箭頭。

.arrow {
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 20px solid black;
position: relative;
}
.arrow:before {
content: "";
position: absolute;
top: -10px;
right: -20px;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 20px solid black;
transform: rotate(90deg);
}
.arrow:after {
content: "";
position: absolute;
bottom: -10px;
right: -20px;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 20px solid black;
transform: rotate(90deg);
}

在代碼中，我們首先定義了一個.arrow的class，它是雙箭頭的容器。我們使用CSS3邊框特性來繪制三角形形狀，使用position屬性將其定位到容器中心。接著，在:before和:after中定義了兩個完全相同的三角形，只是在旋轉上稍有不同。

有了這些CSS代碼，我們就可以在HTML中使用雙箭頭了:

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

到這里，我們已經成功地使用純CSS繪制了雙箭頭！