[前端] 关于 CSS 定义 border 的一个需求，帮忙看看能否实现。

[ZiCraft]

/* 我是 border 的 CSS */
border-top: 20px solid blue;
border-right:20px solid red;

如上图所示，发现默认的两个 borde 的衔接处是 border 1 所示的样子，现在需要实现 border 2 的样式，请问能够实现吗？

感谢楼下各位，已结合大家的方法把问题解决了，为各位送上几个铜板以示谢意。

感谢楼下各位，已结合大家的方法把问题解决了，为各位送上几个铜板以示谢意。

不放过每一次 append 的机会。

[Geo200]

用 before 或 after 再做一个三角形相对定位在右上角，把 top 的那部分挡住

[rabbbit]

[Eleflea]

可以试试 border-image

[moxiaonai]

伪类试试

[Danswerme]

@rabbbit 大佬 6，很多关于前端的帖子看见你