你的这个稀疏边框颜色的顺序是无关紧要的.浏览器只是以不同的方式显示边框.角落中的像素可以从任一侧获得颜色,这取决于您正在使用的浏览器.
有几种不同的方法.以下是最常见的浏览器,以及它们如何绘制角落:
IE浏览器:
+----------------------+--+
| | |
+----------------------| |
| | | |
| | | |
| | | |
| +----------------------+
| | |
+--+----------------------+
火狐:
+--+----------------------+
| | |
| +----------------------+
| | | |
| | | |
| | | |
+----------------------| |
| | |
+----------------------+--+
铬:
+--+----------------------+
| | |
| |----------------------+
| | | |
| | | |
| | | |
| +----------------------+
| | |
+--+----------------------+
苹果浏览器:
+--+-------------------+--+
| | | |
| |-------------------| |
| | | |
| | | |
| | | |
| +-------------------+ |
| | | |
+--+-------------------+--+
歌剧:
+-------------------------+
| |
+-------------------------+
| | | |
| | | |
| | | |
| +-------------------+ |
| | | |
+--+-------------------+--+
看起来好像不同的浏览器供应商不同意使用与所有其他浏览器不同的方法…
(在最近的版本中测试过,任何浏览器的旧版本可能会有所不同,但这并不重要,因为它们之间的差异很大.)
所以,如果你需要完全控制如何绘制角落,你可以使用彼此之间的两个元素,将垂直边框放在一个和另一个的水平边界上.