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