Wenn wir eine Tabelle verwenden, geben wir im Allgemeinen immer ein Grenzattribut wie: <Table Border = 1>, und der Effekt ist wie folgt:
| AUSWEIS | NAME | GESCHLECHT |
| 1001 | Mikrofon | männlich |
Sie können feststellen, dass der Rand des Tisches sehr breit zu sein scheint. Natürlich ist die Breite hier definitiv nicht die Breite der Tischgrenze. Die Breite, die Sie sehen, sollte auf die Lücke zwischen <Td> zurückzuführen sein. Daher müssen Sie nur das Zellpaket -Attribut der Tabelle ändern, dh: <Table Border = 1px cellpacing = 0px>, der Effekt lautet wie folgt:
| AUSWEIS | NAME | GESCHLECHT |
| 1001 | Mikrofon | männlich |
Es scheint jedoch, dass die Breite nicht so ist, wie wir es uns vorgestellt haben: Sie ist nur ein Pixel breit. Was Sie oben sehen, ist tatsächlich die Breite von zwei Pixeln. Warum? Dies liegt daran, dass sich die Grenzen zwischen <Td> nicht überlappen. Ändern Sie einfach die Grenzkollapseigenschaft der Tabelle.
Das ist <Table Border = 1px cellpacing = 0px style = Border-Collapse: Kollaps>
| AUSWEIS | NAME | GESCHLECHT |
| 1001 | Mikrofon | männlich |
Fügen Sie der Tabelle eine Farbe hinzu.
| AUSWEIS | NAME | GESCHLECHT |
| 1001 | Mikrofon | männlich |