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> </td> </tr> <tr> <td> </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 <table frame=above> Nur die untere Grenze anzeigen <table frame=below> Nur die linken und rechten Ränder anzeigen <table frame=vsides> Nur obere und untere 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></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
So lösen Sie das Problem der Nichtübereinstimmung des MySQL-Abfragezeichensatzes
Finden Sie das Problem Ich bin vor kurzem bei der...
So leiten Sie innerhalb von zwei Sekunden auf andere Seiten einer HTML-Seite um
Code kopieren Der Code lautet wie folgt: <!DOC...
Codebeispiel für die Linux-SSH-Serverkonfiguration
Verwenden Sie den folgenden Terminalbefehl, um de...
So lösen Sie das Problem, dass MySQL nicht geschlossen werden kann
Lösung, wenn MySQL nicht geschlossen wird: Klicke...
JavaScript BOM erklärt
Inhaltsverzeichnis 1. BOM-Einführung 1. JavaScrip...
mysql IS NULL mit Indexfallerklärung
Einführung Die Verwendung von „ist null“, „ist ni...
Professionelles und nicht-professionelles Webdesign
Zunächst einmal hängt die Gestaltung des Webseiten...
So schreiben Sie mithilfe von Filtern transparentes CSS für Bilder
So schreiben Sie mithilfe von Filtern transparente...
Einführung in den Prozess der Erweiterung der Bootpartition in Kylin 4.0.2 (Ubuntu)
Inhaltsverzeichnis Vorwort 1. Neue Partitionen vo...
Installations-JDK-Tutorialanalyse für Linux-System (Centos6.5 und höher)
Artikelstruktur 1. Vorbereitung 2. Installieren S...
Docker legt Port 2375 frei, was zu Serverangriffen und -lösungen führt
Ich glaube, dass Studenten, die etwas über die Do...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.11 und MacOS 10.13
Der Vorgang der Installation der MySQL-Datenbank ...
Einige Tipps zum Schreiben leistungsstarker HTML-Anwendungen
Wie können Sie die Leistung einer Webseite verbes...
Lösung für „Ubuntu kann keine Verbindung zum Netzwerk herstellen“
Effektive Lösung für Ubuntu, wenn in einer virtue...
Die Verwendung der Vue-Direktive v-bind und zu beachtende Punkte
Inhaltsverzeichnis 1. v-bind: kann einige Daten a...