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

Mehrere Möglichkeiten zum Zentrieren einer Box in der Webentwicklung

1. Notieren Sie mehrere Methoden zum Zentrieren d...

Eine kurze Beschreibung der Beziehung zwischen k8s und Docker

In letzter Zeit verwendet das Projekt Kubernetes ...

Das Submit-Ereignis des Formulars reagiert nicht

1. Problembeschreibung <br />Wenn JS verwen...

Vue verbessert die Seitenantwortgeschwindigkeit durch Lazy Loading

Inhaltsverzeichnis Überblick Was ist Lazy Loading...

js-Methode zur Realisierung der Warenkorbberechnung

In diesem Artikelbeispiel wird der spezifische Co...

Nach dem Docker-Lauf ist der Status immer „Beendet“

füge -it hinzu docker run -it -name test -d nginx...

Linux-Methodenbeispiel zum Anzeigen aller Informationen des Prozesses

Auf dem Server läuft ein Taskprozess. Wenn wir ih...

So verstecken Sie RAR-Dateien in Bildern

Sie können dieses Logo lokal als .rar-Datei speic...

Ein einfaches Beispiel zum Erstellen einer dünnen Linientabelle in HTML

Wenn Sie wissen möchten, wie Sie diese Tabelle mi...

Lassen Sie sich das Funktionsprinzip von JavaScript erklären

Inhaltsverzeichnis Browserkernel JavaScript-Engin...

Probleme mit Sperren in MySQL

Schlossklassifizierung: Aus der Granularität der ...