可悲的事实：边界角被斜切了。总是。（仅在使用不同颜色时可见。）

为了模拟对接，可以堆叠两个div以获得模拟结果：

<style>
div {
  position:absolute;
  left:0;
  top:0;
  height:100px;
  width: 100px;
}
</style>

<div style="border-left: 2px solid #ff0000; border-bottom: 2px solid #ff0000;">

</div>
<div style="border-right: 2px solid #00ff00; border-top: 2px solid #00ff00;">

</div>

堆叠更多或不同地控制顶部和底部，以更好地控制关节的外观。