如何使相邻和非相邻方格的边界相等？

Question

我正在尝试使用带有30px边框的单个2px正方形在HTML / CSS中重新创建太空入侵者的“像素化”版本。

感谢Sunyatasattva，这是我到目前为止所做的：

http://jsfiddle.net/wnhzp/

然而，请注意，只有“内部”方块在它们周围都有正确的2px黑色边框，并且没有面向相邻方格的“外部”方块的任何一侧只有{{1边框。

如何让每个方格具有正确的1px边框？

Answer 1

将margin:1px添加到div样式中。

---

更新：哦，我知道你想要什么。在这里：jsfiddle.net/nunzabar/Wna8L/

我不得不手动设置每个边框。入侵者现在看起来很棒。