Control del código de implementación para las fronteras de tabla HTML

En general, cuando usamos una tabla, siempre le damos un atributo de borde, como: <table border = 1>, y el efecto es el siguiente:

Puede encontrar que el borde de la mesa parece ser muy amplio. Por supuesto, el ancho aquí definitivamente no es el ancho del borde de la mesa. El ancho que ves debe deberse a la brecha entre <td>. Por lo tanto, solo necesita modificar el atributo de la tabla de células de la tabla, es decir: <tabla border = 1px celular = 0px>, el efecto es el siguiente:

Sin embargo, parece que el ancho no es como imaginamos: es solo un píxel de ancho. De hecho, lo que ves arriba es en realidad el ancho de dos píxeles. ¿Por qué? Esto se debe a que las fronteras entre <td> no se superponen. Simplemente modifique la propiedad de colapso de la tabla de border.

Eso es <table border = 1px cellPacing = 0px style = border-colapse: colapso>

Agregue un color a la tabla, <table border = 1px borderColor =#000000CellSpacing = 0px style = border-colapse: colapso>