您调整边框颜色的顺序无关紧要 . 浏览器只是以不同的方式显示边框 . 角落中的像素从任一侧获得颜色,这取决于您使用的浏览器 .
有几种不同的方法 . 以下是最常见的浏览器,以及它们如何绘制角落:
Internet Explorer:
+----------------------+--+
| | |
+----------------------| |
| | | |
| | | |
| | | |
| +----------------------+
| | |
+--+----------------------+
Firefox:
+--+----------------------+
| | |
| +----------------------+
| | | |
| | | |
| | | |
+----------------------| |
| | |
+----------------------+--+
Chrome:
+--+----------------------+
| | |
| |----------------------+
| | | |
| | | |
| | | |
| +----------------------+
| | |
+--+----------------------+
Safari:
+--+-------------------+--+
| | | |
| |-------------------| |
| | | |
| | | |
| | | |
| +-------------------+ |
| | | |
+--+-------------------+--+
Opera:
+-------------------------+
| |
+-------------------------+
| | | |
| | | |
| | | |
| +-------------------+ |
| | | |
+--+-------------------+--+
看起来好像不同的浏览器供应商竭尽全力使用与所有其他浏览器不同的方法......
(在最近的版本中测试 . 任何浏览器的旧版本可能会以不同的方式执行,但这并不重要,因为它们之间的差别很大 . )
因此,如果您需要完全控制角落的绘制方式,则可以在彼此内部使用两个元素,将垂直边框放在一个边框上,将水平边框放在另一个边框上 .