<div class="top"></div>

css實現上箭頭

.top {
    width: 0;   
    height: 0;  
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #217AFF;
}

css實現下箭頭

.top {
    width: 0;   
    height: 0;  
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #217AFF;
}

總結

以上是生活随笔為你收集整理的css实现下箭头的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。