Tecnología

Inicio

Cómo quitar los espacios entre las células en HTML

Cómo quitar los espacios entre las células en HTML


Las tablas se utilizan a menudo en sitios web para la visualización de información tabular tales como hojas de cálculo o cuando se aplica un diseño particular, en un sitio. Hay casos en que un diseño particular puede requerir el uso de una mesa para la visualización de gráficos. Al hacer esto, ya no se necesita el espacio predeterminado entre las celdas de una tabla. La eliminación de los espacios se puede hacer mediante el establecimiento de propiedades de una tabla, ya sea en línea dentro del código HTML oa través de la hoja de estilo en cascada (CSS o).

Instrucciones

El uso de HTML en línea

1 Abra la página HTML en el Bloc de notas o cualquier editor HTML que utilice.

2 Busque la etiqueta <table>.

3 Agregue la propiedad "espaciado de celda" y ponerlo a cero:

<Table cellspacing = "0">

4 Guarde el archivo.

El uso de CSS

5 Abra el archivo HTML en el Bloc de notas o cualquier editor HTML que utilice.

6 Agregue el siguiente código CSS en la sección <head> del código HTML:

<Head>

<Style type = "text / css">

mesa {

border-collapse: colapso;

}

</ Style>

</ Head>

7 Guarde el archivo HTML.