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

Faint: „Nutzen Sie Web 2.0, um standardkonforme Seiten zu erstellen“

Heute sprach jemand mit mir über ein Website-Entw...

MySQL partitioniert vorhandene Tabellen in der Datentabelle

Inhaltsverzeichnis So funktioniert es Betriebsabl...

Heute bin ich auf ein sehr seltsames Problem gestoßen und habe es selbst gelöst

...Es ist so, heute wollte ich ein Popup-Fenster m...

JavaScript, um den Effekt des Klickens auf das Untermenü zu erzielen

In diesem Artikel wird der spezifische JavaScript...

Wachstumserfahrung eines Webdesigners

<br />Vorab muss ich sagen, dass ich ein abs...

Ubuntu MySQL-Version auf 5.7 aktualisiert

Vor einigen Tagen teilte die Bibliothek mit, dass...

So sichern Sie MySQL unter Linux automatisch remote

Vorwort: Ganz gleich, ob wir es für den Eigengebr...

202 kostenlose, hochwertige XHTML-Vorlagen (1)

Hier präsentiert 123WORDPRESS.COM den ersten Teil...

MySQL implementiert eine Beispielmethode zum Anmelden ohne Kennwort

Spezifische Methode: Schritt 1: Stoppen Sie den M...

Hinweise zur IE8-Kompatibilität, die mir aufgefallen sind

1. getElementById von IE8 unterstützt nur IDs, nic...

VMware Workstation ist nicht mit Device/Credential Guard kompatibel

Beim Installieren einer virtuellen Maschine wird ...