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

Verwenden Sie CSS, um spezielle Logos oder Grafiken zu implementieren

1. Einleitung Da Bilder viel Platz beanspruchen u...

Zusammenfassung der Wissenspunkte zu Null in der MySQL-Datenbank

In der MySQL-Datenbank ist Null eine häufige Situ...

PNG-Alpha-Transparenz in IE6 (vollständige Sammlung)

Viele Leute sagen, dass IE6 PNG-Transparenz nicht...

Vue: Zwei Komponenten auf gleicher Ebene erreichen eine Wertübertragung

Vue-Komponenten sind verbunden, daher ist es unve...

So ändern Sie in Nginx die über http aufgerufene Website in https

Inhaltsverzeichnis 1. Hintergrund 2. Voraussetzun...

Diskussion über die numerische Begrenzung des OL-Elements im HTML-Dokument

Im Allgemeinen ist es unwahrscheinlich, dass Sie ...

JavaScript zum Implementieren des Vorladens und verzögerten Ladens von Bildern

In diesem Artikel wird der spezifische Code zur I...

Beispiel für einen WeChat-Applet-Rechner

Beispiel für einen WeChat-Applet-Rechner. Zu Ihre...

Detailliertes Tutorial zur Installation von SonarQube mit Docker

Inhaltsverzeichnis 1. Ziehen Sie das Bild 1.1 Zie...

Implementierung der Codeaufteilung von Webpack3+React16

Projekthintergrund Seit kurzem gibt es ein Projek...

Win2008 R2 MySQL 5.5 ZIP-Format MySQL-Installation und -Konfiguration

Installation und Konfiguration von MySQL im ZIP-F...

Verwenden des JS-Timers zum Verschieben von Elementen

Verwenden Sie einen JS-Timer, um ein Element zu e...