如何移動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;
}