Saltar al contenido

Eliminar líneas de tabla y espacio de tabla entre celdas en css

Solución:

table#myTable{
  border-collapse:collapse;
}

Utilice la propiedad de CSS border-collapse para eliminar el espacio entre las celdas:

table {
    border-collapse: collapse;
}

Verá un espacio entre las celdas de la tabla de forma predeterminada porque cada celda tiene su propio borde, las celdas no comparten bordes. Esto se llama “el modelo separado”, como se explica en la Referencia de CSS para desarrolladores de Mozilla:

los apartado model es el modelo de borde de tabla HTML tradicional. Cada una de las celdas adyacentes tiene sus propios bordes distintos. La distancia entre ellos dada por el border-spacing propiedad.

Puede “eliminar” el espacio entre las celdas haciendo que compartan bordes entre sí, lo que se conoce como el “modelo de borde contraído”:

En el colapsado modelo de borde, las celdas de tabla adyacentes comparten bordes.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *