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

前端之家收集整理的这篇文章主要介绍了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>

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

原文链接:https://www.f2er.com/html/230377.html

猜你在找的HTML相关文章