Detaillierte Beschreibung der HTML-Tabellenrahmensteuerung

Detaillierte Beschreibung der HTML-Tabellenrahmensteuerung
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>

Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf>
<title>Tabellenrand ausblenden</title>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8">
<style type="text/css">
Körper { Farbe: "#ffffff";
Schriftfamilie: „Schriftfamilie“;
Schriftgröße: 12px;
Rand oben: 4;
}
.T {
Rahmen: #000000; Rahmenstil: durchgehend; Rahmenbreite: 1px
}
td {
Schriftfamilie: „Tahoma“, „MS Shell Dlg“; Schriftgröße: 12px
}
Textbereich {Rand: 1 durchgehend #000000"}
</Stil>
</Kopf>
<body bgcolor="#999999" text="#000000">
<Mitte>
<Tabelle Breite="600" Rahmen="0" Zellenabstand="0" Zellenpadding="8" Klasse="t">
<tr>
<td>
<table border="1" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td>Öffentlich</td>
<td>Tabelle</td>
</tr>
<tr align="center">
<td>Bestehen</td>
<td>Raster</td>
</tr>
</Tabelle>
</td>
<td>Dies ist eine normale Tabelle</td>
</tr>
<tr>
<td>

<Tabellenbreite="200" Rahmen="1" Zellenabstand="0" Zellenabstand="0" Rahmen=oben>
<tr align="center">
<td>Kopf</td>
<td>Nach oben</td>
</tr>
<tr align="center">
<td>Ja</td>
<td>Tag</td>
</tr>
</Tabelle>

</td>
<td>Nur oberen Rand anzeigen</td>
</tr>
<tr>
<td>
<Tabellenbreite="200" Rahmen="1" Zellenabstand="0" Zellenabstand="0" Rahmen=unten>
<tr>
<td align="center">Fuß</td>
<td align="center">Weiter</td>
</tr>
<tr>
<td align="center">Ja</td>
<td align="center">Boden</td>
</tr>
</Tabelle>
</td>
<td>Nur den unteren Rand anzeigen</td>
</tr>
<tr>
<td>

<Tabellenbreite="200" Rahmen="1" Zellenabstand="0" Zellenabstand="0" Rahmen=Seiten>
<tr>
<td align="center">Keine Möglichkeit, den Himmel zu erreichen</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center">Kann den Boden nicht berühren</td>
</tr>
</Tabelle>

</td>
<td>Nur linke und rechte Ränder anzeigen</td>
</tr>
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0" frame=hsides width="200">
<tr>
<td align="center">Beide Seiten entfernen</td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">Nur das Zeichen "王" bleibt übrig</td>
</tr>
</Tabelle>
</td>
<td>Nur obere und untere Ränder anzeigen</td>
</tr>
<tr>
<td>

<Tabellenbreite="200" Rahmen="1" Zellenabstand="0" Zellenpadding="0" Rahmen=lhs>
<tr>
<td width="100" align="center">nur</td>
<td width="100" align="center">Ja</td>
</tr>
<tr>
<td align="center">Links</td>
<td align="center">Seite</td>
</tr>
</Tabelle>

</td>
<td>Nur den linken Rand anzeigen</td>
</tr>
<tr>
<td>
<Tabellenbreite="200" Rahmen="1" Zellenabstand="0" Zellenpadding="0" Rahmen=rhs>
<tr>
<td width="100" align="center">nur</td>
<td width="100" align="center">Ja</td>
</tr>
<tr>
<td align="center">Rechts</td>
<td align="center">Seite</td>
</tr>
</Tabelle>
</td>
<td>Nur den rechten Rand anzeigen</td>
</tr>
<tr>
<td>

<Tabellenbreite="200" Rahmen="1" Zellenabstand="0" Zellenabstand="0" Rahmen=void>
<tr>
<td align="center">Rundherum</td>
<td align="center">Entfernen</td>
</tr>
<tr>
<td align="center">Nur</td>
<td align="center">Mitte</td>
</tr>
</Tabelle>
</td>
<td>Keine Ränder anzeigen</td>
</tr>
<tr>
<td colspan="2">
<hr Größe="1" Farbe=schwarz>
Die Anzeige und das Ausblenden des Tabellenrahmens kann über den Rahmenparameter gesteuert werden. Bitte beachten Sie, dass hierdurch lediglich das Rahmenbild der Tabelle gesteuert wird und die Zellen nicht beeinflusst werden.

Nur den oberen Rand anzeigen &lt;table frame=above&gt;

Nur die untere Grenze anzeigen &lt;table frame=below&gt;

Nur die linken und rechten Ränder anzeigen &lt;table frame=vsides&gt;

Nur obere und untere Ränder anzeigen &lt;table frame=hsides&gt;

Nur den linken Rand anzeigen &lt;table frame=lhs&gt;

Nur den rechten Rand anzeigen &lt;table frame=rhs&gt;

Keinen Rahmen anzeigen&lt;table frame=void&gt;</td>
</tr>
</Tabelle>
</center>
</body>
</html>

<<:  Sieben Prinzipien eines guten Designers (2): Farbgebrauch

>>:  Implementierungsbeispiel für das Zurücksetzen des CSS-Reset-Stils

Artikel empfehlen

Beispiel für den Aufbau eines Jenkins-Dienstes mit Docker

Ziehen Sie das Bild root@EricZhou-MateBookProX: D...

Lösung für das Problem „Linux QT Kit fehlt“ und „Version leer“

Derzeit tritt ein solches Problem auf Bei mir war...

Lernen Sie, benutzerdefinierte Hooks in React zu erstellen

1. Was sind benutzerdefinierte Hooks Wiederverwen...

Detaillierte Erklärung der Funktionsweise von Nginx

So funktioniert Nginx Nginx besteht aus einem Ker...

Detaillierte Erläuterung der Idee zur Implementierung dynamischer Spalten in AngularJS-Loop-Objekteigenschaften

AngularJS-Loop-Objekteigenschaften zum Erreichen ...

MySQL-Replikation - ausführliche Erklärung und einfaches Beispiel

MySQL-Replikation - ausführliche Erklärung und ei...

Detailliertes Beispiel für MySQL ähnlich dem Schreiben von Oracle Rownum

Rownum ist eine einzigartige Schreibmethode in Or...

Notieren Sie eine Falle bei der Aktualisierung der MySQL-Update-Anweisung

Hintergrund Kürzlich habe ich während eines Onlin...

So stellen Sie Oracle mit Docker auf dem Mac bereit

So stellen Sie Oracle mit Docker auf dem Mac bere...

Tutorial zur grundlegenden Syntax von js und zur Konfiguration von Maven-Projekten

Inhaltsverzeichnis 1. js-Anweisung Zweitens js-Ar...

Detaillierter Prozess zur Verwendung von VMware zum Testen des PXE-Batchinstallationsservers

Inhaltsverzeichnis 1. Vorbereitung 1. Bereiten Si...

Detaillierte Erläuterung mehrerer API-Beispiele, die häufig in der fortgeschrittenen JavaScript-Frontend-Entwicklung verwendet werden

Inhaltsverzeichnis MutationObserver API Merkmale ...

Natives JS zur Implementierung eines Hover-Dropdown-Menüs

JS implementiert ein Hover-Dropdown-Menü. Dies is...

Ausführliche Erklärung verschiedener binärer Objektbeziehungen in JavaScript

Inhaltsverzeichnis Vorwort Beziehungen zwischen v...

Foreman Ubuntu16 Schnellinstallation

Kurzanleitung Das Foreman-Installationsprogramm i...