html - 隣接する正方形と隣接していない正方形の境界をすべて等しくするにはどうすればよいですか？

Question

境界線30pxのある個々の正方形を使用して、HTML/CSSでスペースインベーダーの「ピクセル化された」バージョンを再作成しようとしています。2px

Sunyatasattvaのおかげで、これは私がこれまでに持っているものです：

http://jsfiddle.net/wnhzp/

ただし、「内側」の正方形だけが2px周囲に正しい黒い境界線を持ち、隣接する正方形に面していない「外側」の正方形の辺には境界線しかないことに注意してください1px。

すべての正方形に適切な2px境界線を設定するにはどうすればよいですか？

Answer 1

margin:1pxdiv スタイリングに追加します。

---

更新: ああ、あなたが何を望んでいるのか分かります。ここに行きます：jsfiddle.net/nunzabar/Wna8L/

各境界線を手動で設定する必要がありました。インベーダーは今見ても素晴らしいです。