HTML -Tischgrenze

„Eine Tabellenrandgrenze definiert die Grenzen einer Tabelle, über die Sie diese Tabelle nicht erweitern können. In HTML können Sie verschiedene Arten von Grenzen für Ihre Tische erstellen, damit sie faszinierender aussehen. In diesem Leitfaden unterrichten wir Ihnen die Grundlagen, die Tischgrenzen in HTML zu erstellen, indem wir Sie durch ein paar Beispiele führen.”

So erstellen Sie eine Tabelle mit einem Rand in HTML?

Es gibt verschiedene Arten von Tischgrenzen, die in HTML erhältlich sind. Sie können diese Grenzen entsprechend Ihrer eigenen Wahl verwenden. In den drei unten aufgeführten Beispielen werden wir jedoch die Methoden zur Erstellung von drei der am häufigsten verwendeten Tabellenränder in HTML mitgeteilt.

Beispiel 1: Erstellen eines zusammengebrochenen Tabellenrandes

Ein zusammengebrochener Tischgrenze ist derjenige, in dem die Grenzen aller Zellen einer Tabelle zusammenbrechen und sich zu einem einzigen festen Rand verschmelzen. In diesem Beispiel zeigen wir Ihnen, wie Sie in HTML einen zusammengebrochenen Tabellenrand erstellen können, indem Sie das folgende HTML -Skript verwenden:

In diesem Beispiel haben wir mit Hilfe des Tabellen -Tags eine Tabelle in HTML erstellt. Wir haben einen „1-Pixel-soliden schwarzen“ Rand für diese Tabelle ausgewählt, und wir haben auch diesen Grenze ausgewählt, um zusammengebrochen zu werden.e., Alle Zellen der Tabelle haben den gleichen Rand. Dann wollten wir, dass diese Tabelle zwei verschiedene Spalten hat, nämlich „Mitarbeiter“ und „Bezeichnung“ und wir wollten die Aufzeichnungen von zwei verschiedenen Mitarbeitern in dieser Tabelle. Daher haben wir die Namen dieser Mitarbeiter und ihre jeweiligen Bezeichnungen in separaten „TR“ und „TD“ -Tags von HTML erwähnt.

Als wir das oben genannte HTML-Skript ausführten, erschien unsere Tabelle mit zusammengebrochenem Rand auf der Webseite, wie im Bild unten gezeigt:

Beispiel 2: Erstellen eines unsichtbaren Tischgrenze

Ein unsichtbarer Tabellenrand ist derjenige, in dem wir eine Hintergrundfarbe für alle Zellen unserer Tabelle wählen und gleich. Um eine solche Tabelle in HTML zu erstellen, müssen Sie das folgende HTML -Skript verwenden:

In diesem Skript haben wir unsere Tabellenrandfarbe als weiß gesetzt, damit sie unsichtbar erscheinen kann. Dann haben wir die zufällige Hintergrundfarbe für alle Zellen unserer Tabelle ausgewählt. Danach haben wir dieselben Tabelleneinträge verwendet, die wir in unserem ersten Beispiel verwendet haben.

Als wir nun dieses HTML -Skript ausgeführt haben, erschien unsere Tabelle mit einem unsichtbaren Rand auf der Webseite, wie im Bild unten gezeigt:

Beispiel 3: Erstellen eines gepunkteten Tischrandes

Wie der Name heißt. Um eine solche Tabelle in HTML zu erstellen, müssen Sie sich auf das folgende Skript beziehen:

In diesem Beispielskript haben wir den gepunkteten Grenzstil für unseren Tisch gewählt. Danach sind der Rest der Tabelleneinträge genau die gleichen wie die, die wir in unseren ersten beiden Beispielen verwendet haben.

Bei der Ausführung machte dieses HTML -Skript eine Tabelle mit einem gepunkteten Rand auf der Webseite, wie im Bild unten gezeigt:

Abschluss

Dieses Tutorial wurde erstellt, um die Verwendung und Erstellung von Tabellenrändern in HTML zu demonstrieren. Um Ihnen das ausführlich zu erklären, haben wir über drei verschiedene Arten von Tischgrenzen in HTML gesprochen. Sie können deutlich sehen. Daher können Sie nun bequem den Tischgrenze auswählen, den Sie am besten mögen, und sie innerhalb von Sekunden erstellen. Darüber hinaus können Sie auch andere Tischgrenzen erkunden, die selbst in HTML erhältlich sind.