Beschreibung und Verwendung der Tabellenattribute CellPad, CellSpace und Border bei der Webseitenerstellung
|
„Cellspacing“ ist der Abstand zwischen den Zellen in der Tabelle; Cellpadding ist der Leerraum innerhalb einer Zelle in einer Tabelle; Allgemein bekannt als externe Patches und interne Patches, ähnlich wie Margin und Padding, die auf Div und Span angewendet werden Sie können es ausprobieren, indem Sie den Zellen Ränder hinzufügen und die Werte für Cellpadding und Cellspacing ändern, um zu sehen, was passiert. Zum Beispiel : Code kopieren Der Code lautet wie folgt:<Tabelle> <tr> <td style="cellspacing:10px;cellpadding:10px;border:1px solid #CCCCCC;"> </td> <td style="cellspacing:10px;cellpadding:20px;border:1px solid #CCCCCC;"> </td> </tr> </Tabelle> Dies bedeutet, dass zwischen dem Rand des TD und der Kante der Tabelle ein 10 Pixel großer Patch (Zellenabstand) und zwischen dem Rand des TD und den inneren Elementen des TD ein 20 Pixel großer Patch (Zellenpolsterung) vorhanden ist. Weitere Tabelleneigenschaften finden Sie unter : Eigenschaft ______________Beschreibung width______________Die Breite der Tabelle Höhe_____________Die Höhe des Tisches align______________Die horizontale Position der Tabelle auf der Seite background_________ Das Hintergrundbild der Tabelle bgcolor____________Die Hintergrundfarbe der Tabelle border_____________Breite des Tabellenrahmens in Pixeln bordercolor________ Tabellenrahmenfarbe bordercolorlight_____Die Farbe des hellen Teils des Tabellenrahmens bordercolordark____Die Farbe des dunklen Teils des Tabellenrahmens Zellenabstand________der Abstand zwischen Zellen cellpadding________Der Abstand zwischen dem Zellinhalt und dem Zellrand |
<<: Interpretation von 17 Werbewirksamkeitsmaßen
>>: Grundlegende Operationen an unsichtbaren Spalten in MySQL 8.0
Artikel empfehlen
Implementierungscode für unendliches Scrollen mit n Containerelementen
Szenario So rendern Sie Listen mit bis zu 10.000 ...
Implementierung eines laufenden Springboot-Projekts mit Docker
Einführung: Die Konfiguration von Docker, auf dem...
Reparaturlösung für inkonsistenten MySQL GTID-Master und -Slave
Inhaltsverzeichnis Lösung 1: Replikate neu erstel...
Zusammenfassung des in JS implementierten Minesweeping-Projekts
Dieser Artikel enthält die Zusammenfassung des JS...
JavaScript-Implementierung des Beispiels für die Schaltfläche „Zurück nach oben“
In diesem Artikel wird der spezifische Code für J...
Datenbankprobleme und Fallstricke bei der Verbindung zu Cloud-Servern mit Navicat Premium15
Bei Verwendung eines Cloud-Servers stellen wir ma...
Gründe und Lösungen für die Unfähigkeit, Array-Änderungen in Vue2 zu erkennen
Inhaltsverzeichnis Problemumgehung Warum kann ich...
Ausführliches Tutorial zur Installation von MySql 5.6.35 winx64
Hinweis: Beim Projektstart ist kein Fehler aufgru...
Natives JS zum Erzielen von Book-Flipping-Effekten
In diesem Artikel wird ein mit nativem JS impleme...
Detaillierte Erklärung des JavaScript ES6-Moduls
Inhaltsverzeichnis 0. Was ist ein Modul 1.Modul l...
Detaillierte Erklärung des Befehls mkdir beim Linux-Lernen
Inhaltsverzeichnis Vorwort 1. Grundkenntnisse zu ...
Detaillierte Erläuterung des Mysql Self-Join-Abfragebeispiels
Dieser Artikel beschreibt die Mysql-Self-Join-Abf...
Docker-Pull-Image und Tag-Vorgang Pull | Tag
Ich habe den Quellcode des Fabric-Projekts noch e...
Schreiben Sie mit CSS in drei Schritten einen Coupon für eine Shopping-Card
Heute ist der 618. und alle großen Einkaufszentre...
So verwenden Sie die Markdown-Editor-Komponente in Vue3
Inhaltsverzeichnis Installieren Komponenten impor...