Tabelle zeigt den Grenzcode, den Sie anzeigen möchten

Tabelle zeigt den Grenzcode, den Sie anzeigen möchten

Gemeinsame Eigenschaften von Tabellen

Die grundlegenden Attribute sind: width (Breite), height (Höhe), border (Randwert), cellspacing (die innere Breite der Tabelle, d. h. der Abstand zwischen der Tabelle und tr), cellpadding (der Abstand zwischen den Elementen in der Tabelle, d. h. der Abstand zwischen tr und tr), bordercolorlight (die helle Randfarbe der Tabelle), bordercolordark (die dunkle Randfarbe der Tabelle), bgcolor (die Hintergrundfarbe der Tabelle), background (das Hintergrundbild der Tabelle), bordercolor (die Farbe des Tabellenrands)

Eigenschaften der inneren Trennlinie der Tabelle

Es wird der Parameter rules verwendet, der drei Werte hat (cols, rows, none).

Wenn rules=cols, verbirgt die Tabelle die horizontalen Trennlinien, das heißt, wir können nur die Spalten der Tabelle sehen;

Bei rules=rows wird die vertikale Trennlinie ausgeblendet, das heißt, wir können nur die Zeilen der Tabelle sehen;

Wenn rules=none (keine) ist, werden die vertikalen und horizontalen Trennlinien ausgeblendet und wir können nur den äußeren Rahmen einer Tabelle sehen.

Eigenschaften des äußeren Tabellentrennzeichens

Die Anzeige und das Ausblenden des äußeren Tabellenrahmens kann über den Rahmenparameter gesteuert werden. Hinweis: Dies funktioniert nur an den Außenrändern der Tabelle, nicht an den Innenkanten oder -linien.

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>

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < Tabelle   summary = "Studentenliste, einschließlich Matrikelnummer, Name, Kontaktnummer und Adresse." >   
  2.      < caption > Studentenliste </ caption >   
  3.      < thead >   
  4.          < th   Umfang = " col " > Nummer </th>   
  5.          < th   Umfang = " Spalte " > Name </th>   
  6.          < th   scope = "col" > Kontakttelefonnummer </ th >   
  7.          < th   Umfang = " col " > Adresse </th>   
  8.      </ thead >   
  9.      < tFuß >   
  10.          < td   colspan = "4" > Klassenlehrer: </ td >   
  11.      </ tfoot >   
  12.      < tbody >   
  13.          < tr >   
  14.              < td > 1 </ td >   
  15.              < td > Jamson </ td >   
  16.              < td > 123-45678 </ td >   
  17.              < td > Nr. XX, XX Bezirk, XX Stadt </ td >   
  18.          </tr>   
  19.          < tr >   
  20.              < td > 2 </ td >   
  21.              < td > Gnade </ td >   
  22.              < td > 123-45678 </ td >   
  23.              < td > Nr. XX, XX Bezirk, XX Stadt </ td >   
  24.          </tr>   
  25.          < tr >   
  26.              < td > 3 </ td >   
  27.              < td > Schwindelig </ td >   
  28.              < td > 123-45678 </ td >   
  29.              < td > Nr. XX, XX Bezirk, XX Stadt </ td >   
  30.          </tr>   
  31.      </ tbody >   
  32. </ Tabelle >       

<<:  Implementierungsschritte der MySQL-Master-Slave-Replikation

>>:  Übersicht über die Definition der HTC-Komponenten nach IE5.0

Artikel empfehlen

Implementierung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

Einstellungen für die Transaktionsisolationsebene...

Führen Sie die Schritte zur Verwendung des Elements in vue3.0 aus

Vorwort: Verwenden Sie das Element-Framework in v...

Wie CSS die Zeit des weißen Bildschirms während des ersten Ladens beeinflusst

Rendering-Pipeline mit externen CSS-Dateien In de...

9 praktische CSS-Eigenschaften, die Web-Frontend-Entwickler kennen müssen

1. Abgerundete Ecken Heutige Webdesigns halten stä...

Linux-Systemaufrufe für Betriebsdateien

Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...

Einführung in die Verwendung von Alt- und Titelattributen von HTML-Img-Tags

Wenn Browser-Anbieter die Standards umgehen und ei...

Tutorial zur Tomcat-Konfiguration für Nginx/Httpd-Lastausgleich

Im vorherigen Blog haben wir über die Verwendung ...

Gojs implementiert Ameisenlinien-Animationseffekt

Inhaltsverzeichnis 1. Gojs-Implementierung 1. Zei...

Vollständige Schritte zum Erstellen eines Passwortgenerators mit Node.js

Inhaltsverzeichnis 1. Vorbereitung 2. Befehlszeil...

Detaillierte Erklärung zur Verwendung der Clip-Path-Eigenschaft in CSS

Verwendung von Clip-Pfaden Polygon Der Wert setzt...

Grundsätze und Nutzungsdetails für MySQL 8.0-Benutzer- und Rollenverwaltung

Dieser Artikel beschreibt die Benutzer- und Rolle...

Allgemeine Befehle zum Bereitstellen von InfluxDB und Mongo mit Docker

Bereitstellen einer Datenbank basierend auf Docke...

Implementierung der Vue-Paketgrößenoptimierung (von 1,72 M auf 94 K)

1. Hintergrund Ich habe vor Kurzem eine Website n...