Contrôle le code d'implémentation pour les bordures de la table HTML

Généralement, lorsque nous utilisons un tableau, nous lui donnons toujours un attribut de bordure, tel que: <Table Border = 1>, et l'effet est le suivant:

Vous pouvez constater que la bordure de la table semble être très large. Bien sûr, la largeur ici n'est certainement pas la largeur de la bordure de la table. La largeur que vous voyez doit être due à l'écart entre <TD>. Par conséquent, il vous suffit de modifier l'attribut de gilet de cellules de la table, c'est-à-dire: <table border = 1px cellpacing = 0px>, l'effet est le suivant:

Cependant, il semble que la largeur n'est pas comme nous l'imaginons: ce n'est qu'un pixel de large. En fait, ce que vous voyez ci-dessus est en fait la largeur de deux pixels. Pourquoi? En effet, les frontières entre <TD> ne se chevauchent pas. Modifiez simplement la propriété de la frontière de la table de la table.

C'est-à-dire <Table Border = 1Px Cellpacing = 0px style = border-Collapse: s'effondrer>

Ajoutez une couleur à la table, <Table Border = 1Px BorderColor = # 00000000CellSpacing = 0px style = Border-Collapse: Effondrement>