Cómo eliminar el espacio entre celdas en CSS

Las tablas HTML se componen de filas y celdas. En la codificación HTML tradicional, se elimina el espacio dentro de una celda al establecer el atributo "espacio de celdas" en cero. Si el sitio web de su empresa está compuesto por numerosas tablas, la repetición involucrada en este método puede volverse innecesariamente tediosa. Use hojas de estilo en cascada (CSS) para simplificar el proceso.

Eliminar espacios en todas las tablas

1.

Abra su archivo CSS en un editor de texto. Notepad es un editor de texto básico que viene con computadoras basadas en Windows.

2.

Haga clic en el cursor en la parte inferior del archivo e inserte el siguiente código:

tabla {border-collapse: colapso; }

tr, td {relleno: 0; }

3.

Haga clic en "Archivo" y luego "Guardar" para guardar su archivo CSS.

Eliminar espacios en tablas específicas

1.

Utilice el siguiente formato para las tablas en las que le gustaría eliminar el espacio entre celdas:

Inserte el contenido de su celda aquí.

2.

Abra su archivo CSS en un editor de texto, como el Bloc de notas.

3.

Haga clic en el cursor en la parte inferior del archivo e inserte el siguiente código:

table.nospacing {border-spacing: 0; }

table.nospacing th, td {padding: 0; }

4.

Haga clic en "Archivo" y "Guardar" para guardar su archivo CSS.