html – 设置css边框以90度而不是45度的角度结束

对于边框和边框属性,我都有一个不同颜色的div.
所以他们通过离开箱子的线以45度角分开.

如何使底边更短,以便右边界一直到元素的底部,这将产生90度角分隔线？

解决方法

悲伤的事实：边角偏斜.总是. (只有使用不同的颜色才可见)

为了模拟对接,您可以堆叠两个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>

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