テーブルセル間のスペーシングを制御する

質問

各セルに背景色があり、間に空白があるような表を作ろうとしています。しかし、私はこれを行うのに苦労しているようだ。

私は設定しようとしました td のマージンを設定してみましたが、効果がないようです。

table.myclass td {
    background-color: lime;
    margin: 12px 12px 12px 12px;
}

同じことを padding で同じことをすると、うまくいきますが、セルとセルの間のスペースがなくなります。

誰かがこれを助けることができますか？

jsFiddleです。 http://jsfiddle.net/BfBSM/

どのように解決するのですか？

この場合 border-spacing プロパティで table 要素を使用して、セル間の間隔を設定します。

必ず border-collapse に設定されていることを確認します。 separate に設定されます (または、各セルの間に間隔を置くことができる各セルの周りの個別のボーダーの代わりに、単一のボーダーが存在します)。