Añadir espacio entre celdas (td) usando css

Question

Estoy tratando de agregar una tabla con espacio entre celdas ya que el color de fondo de la celda es blanco y el color de fondo de la tabla es azul, puede ver fácilmente ese relleno y margen no funcionan (lo estoy aplicando al td), solo agregará espacio dentro de la celda.

Answer 1

¿Quieres border-spacing:

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

o en un bloque de CSS en alguna parte:

table { 
    border-spacing: 10px; 
} 

Ver quirksmode en border-spacing. Tenga en cuenta que border-spacing no funciona en IE7 y abajo.

Answer 2

Considere el uso de los atributos cellspacing y cellpadding para table etiqueta o border-spacing css propiedad.

Answer 3

parámetro de separación de células (distancia entre celdas) de la etiqueta TABLE es precisamente lo que desea. La desventaja es que se trata de un valor, que se usa tanto para x como para y, no puede elegir espaciado o relleno diferentes vertical u horizontalmente. También hay una propiedad de CSS, pero no es ampliamente compatible.

Answer 4

table { 
    border-spacing: 10px; 
} 

Esto funcionó para mí una vez me quita

border-collapse: separate; 

de mi etiqueta de la tabla.

Answer 5

mina es:

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