¿Cómo se usa celdas y celdas en HTML5?

Question

Estoy tratando de usar CSS3 para establecer el espaciado de celdas y el relleno de celdas de mi tabla, ya que HTML5 no admite estos atributos.

He encontrado muchos recursos en Internet dice que debe utilizar el espacio entre bordes y relleno usando CSS.

Unfo. Intenté todos estos trucos, pero parece que nada ha cambiado en absoluto. El espaciado es muy importante porque incluyo la estructura de la imagen en las diferentes celdas de la mesa.

Entonces, ¿cómo puedo resolverlo ahora? PLZ necesitar su ayuda

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

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

Answer 1

no se ha definido id=SearchTable sobre la mesa, o si tiene algunas otras reglas de estilo que tienen preferencia sobre los que se especifique. Como tal, las reglas que publica son más que suficientes para el efecto; solo necesita

#SearchTable 
{ 
    border-collapse: collapse; 
} 

#SearchTable td 
{ 
    padding:0; 
} 

(que ya están en CSS2).

Answer 2

Para cellspacing:

1. Conjunto espaciado de borde sobre la mesa, no en el TD.
2. Establecer borde-colapso para separar.

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

Answer 3

Es necesario configurar así. Funcionó para mí

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

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