Aggiungere spazio tra celle (td) utilizzando css

Question

Sto cercando di aggiungere una tabella con spazio tra le celle poiché il colore di sfondo della cella è bianco e il colore di sfondo della tabella è blu, puoi facilmente vedere quella spaziatura e margine non funzionano (lo sto applicando allo td), aggiungerà solo spazio all'interno della cella.

Answer 1

Volete border-spacing:

<table style="border-spacing: 10px;"> 

O in un blocco di CSS da qualche parte:

table { 
    border-spacing: 10px; 
} 

Vedi quirksmode su border-spacing. Si noti che non funziona su IE7 e versioni precedenti.

Answer 2

Considerare l'utilizzo degli attributi cellspacing e cellpadding per il tag table o border-spacing proprietà css.

Answer 3

parametro di spaziatura delle celle (distanza tra le celle) del tag TABLE è esattamente ciò che si desidera. Lo svantaggio è che si tratta di un valore, usato sia per x che per y, non è possibile scegliere spaziature o spaziature diverse verticalmente/orizzontalmente. Esiste anche una proprietà CSS, ma non è ampiamente supportata.

Answer 4

table { 
    border-spacing: 10px; 
} 

questo ha lavorato per me una volta ho rimosso

border-collapse: separate; 

dal mio tag table.

Answer 5

mio è:

border-spacing: 10px; 
border-collapse: separate;