Controle o código de implementação para bordas de tabela HTML

Geralmente, quando usamos uma tabela, sempre fornecemos um atributo de fronteira, como: <borda da tabela = 1>, e o efeito é o seguinte:

Você pode descobrir que a borda da mesa parece ser muito ampla. Obviamente, a largura aqui definitivamente não é a largura da borda da tabela. A largura que você vê deve ser devido à lacuna entre <td>. Portanto, você só precisa modificar o atributo CellPacing da tabela, ou seja: <borda da tabela = 1px CellPacing = 0px>, o efeito é o seguinte:

No entanto, parece que a largura não é como imaginamos: é apenas um pixel de largura. De fato, o que você vê acima é realmente a largura de dois pixels. Por que? Isso ocorre porque as fronteiras entre <td> não se sobrepõem. Basta modificar a propriedade de colapso da fronteira da tabela.

Isto é <borda da tabela = 1px celularpacing = 0px style = border-colapso: colapso>

Adicione uma cor à tabela, <borda da tabela = 1px borderColor =#000000Cellspacing = 0px estilo = colapso da borda: colapso>