css實現下箭頭

 

 

<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;
}