html - tabla - Agregar espacio entre celdas(td) usando css

td html

Question

Intento agregar una tabla con espacio entre las 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 que el relleno y el margen no funcionan (lo estoy aplicando a la td ) , solo agregará espacio dentro de la celda.

Answer 1

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

Answer 2

Desea border-spacing :

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

O en un bloque de CSS en alguna parte:

table {
  border-spacing: 10px;
}

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

Answer 3

El mio es:

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

Answer 4

El 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 5

table { 
  border-spacing: 10px; 
} 

Esto funcionó para mí una vez que eliminé

border-collapse: separate;

de la etiqueta de mi mesa