CSS3提供了許多新的樣式屬性，使得我們能夠更加自由地控制頁面的樣式。下箭頭也是其中一種比較常見的元素，本文將介紹下箭頭CSS3寫法。

在CSS中實現下箭頭的方法有很多種，但是我們今天要介紹的是最簡單的一種方法——使用偽元素:before或:after來實現。

.arrow-down:before {
content: "";
display: block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #333;
margin: 0 auto;
}
.arrow-down:after {
content: "";
display: block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
margin: 0 auto;
position: relative;
top: -6px;
}

在這段CSS代碼中，我們使用了:before和:after偽元素，并且利用了border屬性來畫箭頭的線條。其中，第一個元素是黑色的，第二個元素是白色的，并向上偏移了6px，使得黑色元素顯示出來的結果就是下箭頭。

如果你希望箭頭顏色可以不同，那么只需要將相應的顏色值改成你想要的顏色即可。

總之，利用:before和:after偽元素可以輕松實現下箭頭的效果，而且代碼相對簡單。如果需要在項目中使用，只需要將相應的類名應用到對應的元素上即可。