tablas tabla espacio entre ejemplos diseño columnas bordes html css

espacio - tablas en html ejemplos



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

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}

Esta pregunta ya tiene una respuesta aquí:

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?


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)


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