espacio - tablas en html ejemplos

¿Cómo configurar cellpadding y cellspacing en tabla con CSS?

Question

Esta pregunta ya tiene una respuesta aquí:

• Establecer cellpadding y cellspacing en CSS? 26 respuestas

Alguien me puede decir cómo cambiar el cellpadding de la tabla y el espacio entre celdas, como puede hacerlo en html con:

<table cellspacing="0" cellpadding="0"> 

¿Pero cómo se hace con css?

Answer 1

Aquí está la solution .

El HTML:

<table cellspacing="0" cellpadding="0">
    <tr>
        <td>
            123
        </td>
    </tr>
</table>

El CSS:

table { 
      border-spacing:0; 
      border-collapse:collapse;   
    }

Espero que esto ayude.

EDITAR

td, th {padding:0}

Answer 2

El relleno dentro de un divisor de tabla (TD) es una propiedad de relleno aplicada a la celda.

CSS

td, th {padding:0}

El espacio entre los divisores de tabla es un espacio entre los bordes de celda de la TABLA. Para que sea efectivo, debe especificar si los bordes de las celdas de la tabla se ''colapsarán'' o se ''separarán''.

CSS

table, td, th {border-collapse:separate}
table {border-spacing:6px}

Intente esto: https://www.google.ca/search?num=100&newwindow=1&q=css+table+cellspacing+cellpadding+site%3A.com (27 100 resultados)

Answer 3

Utilice el padding en las celdas y border-spacing de los border-spacing en la tabla. El primero te dará cellpadding mientras que el último te dará cellpacing.

table { border-spacing: 5px; } /* cellspacing */

th, td { padding: 5px; } /* cellpadding */

jsFiddle Demo