html - 如何使相邻和不相邻正方形的边界全部相等？

Question

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

感谢 Sunyatasattva，这是我目前所拥有的：

http://jsfiddle.net/wnhzp/

但是，请注意，只有“内部”方格周围有正确的2px黑色边框，并且“外部”方格的任何不面向相邻方格的边只有一个1px边框。

我怎样才能让每个正方形都有正确的2px边界？

Answer 1

添加margin:1px到您的 div 样式。

---

更新：哦，我明白你想要什么。给你：jsfiddle.net/nunzabar/Wna8L/

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