Css边框错误-倾斜渲染

我们有以下代码：

正如您所看到的，鼠标悬停时出现的绿线在右侧是“斜”的。

这是浏览器的一个bug吗

---

提前感谢

CSS边框是用对角绘制的

否则，如果底部和右侧有两种不同的颜色（例如蓝色和红色），角落会发生什么？它是全红的还是全蓝的

---

这是众所周知的，甚至被利用来制作

不，边框是这样设计的，如图所示，在中间相接

他们现在习惯于像这样框住阴影

li:hover {
                box-shadow: 0 4px 0 0 #00FF00;
    -webkit-box-shadow: 0 4px 0 0 #00FF00;
    -moz-box-shadow: 0 4px 0 0 #00FF00;

            }

---

这并不是浏览器选择渲染边框的错误

看我模拟的这个例子。

---

这不是一个bug，。它不是bug。浏览器就是这样呈现边框的。把它想象成一个画框——最简单的连接角的方法就是45度角。