如何移動CSS生成的箭頭？

Question

http://cssarrowplease.com/

如果我去那裏，您會看到方框頂部中間的箭頭。

我該如何讓箭頭成爲頂部，但25％（從左側）而不是中間？

Answer 1

.arrow_box::before { 
border-bottom-color: #C2E1F5; 
border-width: 36px; 
left: 25%; 
margin-left: -36px; 
} 

.arrow_box::after { 
border-bottom-color: #88B7D5; 
border-width: 30px; 
left: 25%; 
margin-left: -30px; 
}