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

Zusammenfassung der grundlegenden Verwendung von JS-Arrays

Vorwort Arrays sind eine spezielle Art von Objekt...

Detaillierte Erklärung des Unterschieds zwischen $router und $route in Vue

Wir verwenden normalerweise Routing in Vue-Projek...

Detailliertes Tutorial zur Installation von Protobuf 3 unter Ubuntu

Wann ist die Installation durchzuführen? Wenn Sie...

Was ist eine HTML-Datei? So öffnen Sie eine HTML-Datei

HTML steht für Hypertext Markup Language. Heutzut...

Unterschiede zwischen FLOW CHART und UI FLOW

Viele Konzepte im UI-Design mögen in der Formulie...

JavaScript zum Implementieren des Vorladens und verzögerten Ladens von Bildern

In diesem Artikel wird der spezifische Code zur I...

Die normale Methode der MySQL-Deadlock-Prüfungsverarbeitung

Normalerweise wird bei einem Deadlock die Verbind...

Eine kurze Analyse der Verwendung der Zero-Copy-Technologie in Linux

In diesem Artikel werden mehrere wichtige Zero-Co...

JavaScript-Tipps zur Verbesserung Ihrer Programmierkenntnisse

Inhaltsverzeichnis 1. Filtern Sie eindeutige Wert...

HTML-Code für Multiheader-Tabellen

1. Code der Multiheader-Tabelle Code kopieren Der ...

Eine detaillierte Erklärung der subtilen Unterschiede zwischen Readonly und Disabled

Sowohl die Optionen „Nur lesen“ als auch „Deaktivi...

Docker-Installations- und Konfigurationsschritte für MySQL

Inhaltsverzeichnis Vorwort Umfeld Installieren Er...

Vertikales und horizontales Aufteilen von MySQL-Tabellen

Vertikale Teilung Vertikale Aufteilung bezieht si...