Css边界bug - 倾斜渲染

Question

我们有以下代码：http://jsfiddle.net/Z92Qp/

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

这是浏览器的错误吗？

提前致谢

Answer 1

不，边框的设计方式是这样的，以便看到here

的一半

Answer 2

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

看到这个例子，我嘲笑了。 http://jsfiddle.net/blowsie/Uss7X/

Answer 3

嘿，现在习惯像这样打包阴影

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;

            }

Live demo

Answer 4

CSS边框用对角线绘制。

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

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