Tipps zum Festlegen von HTML-Tabellenrändern

Tipps zum Festlegen von HTML-Tabellenrändern

Für viele HTML-Neulinge ist die Tabelle <table> das am häufigsten verwendete Tag, viele Anfänger verstehen jedoch nicht ganz, wie sie die Tabellenränder steuern können.

Wenn wir eine Tabelle verwenden, weisen wir ihr im Allgemeinen immer ein Rahmenattribut zu, beispielsweise: <table border="1">. Die Auswirkung ist wie folgt:

Für viele HTML-Neulinge ist die Tabelle <table> das am häufigsten verwendete Tag, viele Anfänger verstehen jedoch nicht ganz, wie sie die Tabellenränder steuern können.

Wenn wir eine Tabelle verwenden, weisen wir ihr im Allgemeinen immer ein Rahmenattribut zu, beispielsweise: <table border="1">. Die Auswirkung ist wie folgt:

Allerdings scheint die Breite nicht so groß zu sein, wie wir uns das vorgestellt haben: nur ein Pixel. Tatsächlich ist das, was Sie im obigen Bild sehen, zwei Pixel breit. Warum? Das liegt daran, dass sich die Grenzen zwischen <td> nicht überlappen. Ändern Sie einfach die Border-Collapse-Eigenschaft der Tabelle.

Das ist <table border="1px" cellspacing="0px" >

Fügen Sie der Tabelle eine Farbe hinzu, <table border="1px" bordercolor="#000000" cellspacing="0px" >

Die oben genannten Tipps zum Festlegen von HTML-Tabellenrändern sind alle Inhalte, die der Editor mit Ihnen teilt. Ich hoffe, sie können Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen.

<<:  Detaillierte Erklärung des Unterschieds und der Verwendung von Anführungszeichen und Backticks in MySQL

>>:  Tutorial zur Installation von Ceph Distributed Storage mit Yum unter Centos7

Artikel empfehlen

So verwenden Sie Font Awesome 5 in Vue-Entwicklungsprojekten

Inhaltsverzeichnis Abhängigkeiten installieren Ko...

MySQL-Daemon konnte nicht gestartet werden – Fehlerlösung

MySQL-Daemon konnte nicht gestartet werden – Fehl...

14 Möglichkeiten zum Erstellen von Website-Inhalten, die Ihre Besucher fesseln

Wenn ich im Internet surfe, sehe ich oft Websites...

Detaillierte Beispiele für Variablen- und Funktionspromotion in JavaScript

js-Ausführung Phase der lexikalischen Analyse: um...

Analyse des HTML-Schreibstils und Gründe erfahrener Leute

1. Navigation: Ungeordnete Liste vs. andere Besch...

Docker Compose-Installationsmethoden in verschiedenen Umgebungen

1. Online-Installation Derzeit habe ich nur die O...

Detaillierte Erläuterung der Js-Klassenkonstruktion und Vererbungsfälle

Die Definition und Vererbung von Klassen in JS si...

JavaScript Canvas implementiert die Bewegung des Balls entlang der Maus

In diesem Artikelbeispiel wird der spezifische Co...

So sperren Sie eine virtuelle Konsolensitzung unter Linux

Wenn Sie an einem gemeinsam genutzten System arbe...

Einführung in general_log-Protokollwissenspunkte in MySQL

Die folgenden Funktionsdemonstrationen basieren a...