Beschreibung und Verwendung der Tabellenattribute CellPad, CellSpace und Border bei der Webseitenerstellung

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

Zusammenfassung der schnellen Spaltenaddition bei MySQL 8.0 Online DDL

Inhaltsverzeichnis Problembeschreibung Historisch...

Teilen Sie die Fallstricke von MySQLs current_timestamp und ihre Lösungen

Inhaltsverzeichnis MySQLs current_timestamp-Falle...

Uniapp realisiert gleitenden Scoring-Effekt

In diesem Artikel wird der spezifische Code von U...

Verwenden Sie „overflow: hidden“, um Seiten-Bildlaufleisten zu deaktivieren

Code kopieren Der Code lautet wie folgt: html { Ü...

So drucken Sie hervorgehobenen Code in der Node.JS-Konsole

Vorwort Wenn der Code ausgeführt wird und ein Feh...

Warum sollten MySQL-Felder NOT NULL verwenden?

Ich habe vor Kurzem in einer neuen Firma angefang...

So erstellen, starten und stoppen Sie einen Docker-Container

1. Ein Container ist eine unabhängig laufende Anw...

Verwendung der Zabbix-API in einer Linux-Shell-Umgebung

Sie können es direkt in der Linux-Shell-Umgebung ...

So verbergen Sie die Versionsnummer und die Cache-Zeit von Webseiten in Nginx

Nginx-Optimierung --- Versionsnummer und Cache-Ze...

vue $set implementiert die Zuweisung von Werten zu Array-Sammlungsobjekten

Vue $set Array-Sammlungsobjektzuweisung In der be...

Tutorial zum schnellen Bereitstellen von Clickhouse mit Docker-Compose

ClickHouse ist ein spaltenorientiertes Open-Sourc...