Come utilizzare cellpadding e cellspacing su HTML5?

Question

Sto tentando di utilizzare CSS3 per impostare la spaziatura tra le celle e il riempimento delle celle per la mia tabella poiché HTML5 non supporta questi attributi.

Ho trovato molte risorse su Internet che dice che dovresti usare la spaziatura dei bordi e il riempimento con CSS.

Unfo. Ho provato tutti questi trucchi, ma sembra che nessuna cosa stia cambiando. La spaziatura è molto importante perché sto includendo la struttura dell'immagine sulla diversa cella del tavolo.

Quindi come posso risolverlo ora? plz bisogno del vostro aiuto

#SearchTable 
{ 
    border-collapse: collapse; 
    padding:0px 0px 0px 0px; 
} 

#SearchTable td 
{ 
    padding:0; 
    border-spacing:0px 0px; 
} 

Answer 1

non è stato impostato id=SearchTable sul tavolo, o avete altre regole foglio di stile che sostituiscono quelli che si specifica. In quanto tale, le regole che hai postato sono più che sufficienti per l'effetto; è necessario solo

#SearchTable 
{ 
    border-collapse: collapse; 
} 

#SearchTable td 
{ 
    padding:0; 
} 

(che sono già in CSS2).

Answer 2

Per cellspacing:

1. Set border-spacing sul tavolo, non sul TD.
2. Imposta la compressione del bordo per separare.

#SearchTable { 
    border-collapse: separate; 
    border-spacing: 8px; 
} 

Answer 3

è necessario impostare in questo modo. Ha funzionato per me.

#SearchTable { 
    border-spacing:2px 2px; 
    border-collapse:separate; 
} 

#SearchTable td { 
    border:1px solid black; 
}