为什么css边框没有仔细显示？

Question

我用css编写了一个箭头。 代码

border-style: solid;
border-width: 0 0 25px 4px ;
border-color: transparent transparent transparent #cacaca;

镜头：

ایگل دیزاین طراحی سایت

斜线不是平滑线。

你的想法是什么？

Answer 1

不确定为什么它不顺畅，可能是你需要长手指定边框。

e.g。 border-top: 20px solid transparent

css技巧在css triangles

上有一篇很好的文章

Answer 2

试试这个

border-top: 25px solid $pink;
border-right: 50px inset transparent;
border-left: 50px inset transparent;

<强> FIDDLE DEMO