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.