So verbergen Sie die Grenze/Trennlinie zwischen Zellen in einer Tabelle

So verbergen Sie die Grenze/Trennlinie zwischen Zellen in einer Tabelle
Nur den oberen Rand anzeigen <table frame=above>
Nur den unteren Rahmen anzeigen <table frame=below>
Nur linke und rechte Ränder anzeigen <table frame=vsides>
Nur die oberen und unteren Ränder anzeigen <table frame=hsides>
Nur den linken Rand anzeigen <table frame=lhs>
Nur den rechten Rand anzeigen <table frame=rhs>
Keinen Rahmen anzeigen <table frame=void>


Der Trick beim Ein- und Ausblenden der Tabellenzellentrennzeichen liegt in den Regeln, die im <TABLE>-Tag enthalten sind. Es hat drei Parameter (cols, rows, none). Wenn rules=cols ist, werden die vertikalen Trennlinien ausgeblendet, sodass wir nur die Zeilen der Tabelle sehen können; wenn rules=rows ist, werden die horizontalen Trennlinien ausgeblendet, sodass wir nur die Spalten der Tabelle sehen können; und wenn rules=none ist, werden sowohl die vertikalen als auch die horizontalen Trennlinien ausgeblendet.
Vertikale Trennlinien entfernen <table rules=cols>
Horizontale Trennlinien entfernen <table rules=rows>
Vertikale und horizontale Trennzeichen entfernen <table rules=none>

<<:  Detaillierte Erklärung der Verwendung von 5 verschiedenen Werten der CSS-Position

>>:  Beispiele für MySQL-Batch-Hinzufügungs- und Speichermethoden

Artikel empfehlen

Konfigurationsmethode für die Mehrfachauswahlfunktion von React Mouse

Im Allgemeinen verfügen Listen über Auswahlfunkti...

MySQL 5.7.17 Winx64 Installations- und Konfigurations-Tutorial

Heute habe ich die MySQL-Datenbank erneut auf mei...

Details zur Verwendung des Vue-Slots

Inhaltsverzeichnis 1. Warum Slots verwenden? 1.1 ...

Fehler mit ungerader Breite und Höhe in IE6

Wie in der Abbildung gezeigt: Aber bei der Anzeig...

So importieren Sie chinesische Daten in Navicat für SQLite in CSV

In diesem Artikel erfahren Sie zu Ihrer Informati...

W3C Tutorial (12): W3C Soap Aktivität

Bei Webdiensten geht es um die Kommunikation zwis...

So löschen Sie den gesamten Inhalt eines Verzeichnisses mit Ansible

Studierende, die Ansible verwenden, wissen, dass ...

Detailliertes Tutorial zur Installation von MySQL 8 in CentOS 7

Vorbereiten Umweltinformationen zu diesem Artikel...

So verwenden Sie localStorage in JavaScript

Wenn Sie Entwickler sind und in die Welt von .NET...

Docker stellt Mysql, .Net6, Sqlserver und andere Container bereit

Inhaltsverzeichnis Installieren Sie Docker unter ...