HTML Tabla Padding & Spacing
Las tablas HTML pueden ajustar el relleno dentro de las celdas y también el espacio entre las celdas.
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
Tabla HTML: relleno de celdas
El relleno de celda es el espacio entre los bordes de la celda y el contenido de la celda.
De forma predeterminada, el relleno está establecido en 0.
Para agregar relleno en las celdas de la tabla, use la propiedad CSS padding:
Para agregar relleno solo encima del contenido, use la propiedad padding-top.
Y los demás se ponen del lado de padding-bottom, padding-left y Propiedades padding-right:
Ejemplo
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Inténtalo tú mismo »
Tabla HTML: espaciado de celdas
El espacio entre celdas es el espacio entre cada celda.
De forma predeterminada, el espacio está establecido en 2 píxeles.
Para cambiar el espacio entre las celdas de la tabla, use la propiedad CSS border-spacing en el elemento table:
