如何使用 border 实现 4 边长度不一时不会地斜切啊

[lukeshawn]

div { box-sizing: border-box; width: 400px; height: 100px; border-style: solid; border-width: 1px 1px 1px 10px; border-color: red red red skyblue; }

[hackyuan]

详细的看 MDN 文档说明，或者用小工具 https://9elements.github.io/fancy-border-radius/

[f056917]

再套一个盒子。。。。

[lukeshawn]

@hackyuan 这个工具跟我这个需求没关系啊

[lukeshawn]

@f056917 怎么套啊,需要用到 position 么

[dfkjgklfdjg]

外部套一个容器,然后容器做 border-left,内部的 border-left 为 0;
demo: https://codepen.io/yogwang/pen/MWaqVBX