Die Tabelle ist eine Hauptkomponente der HTML -Seite, die zum Speichern und Organisieren der Daten verwendet wird. Entwickler können die HTML -Tabelle mit CSS -Eigenschaften wie Hintergrundfarbe, Rand, Rand, Polsterung usw. entwerfen, usw. Das CSS “GrenzeDie Eigenschaft wird verwendet, um Grenzen um Tabellen und Zellen zu setzen. In einigen Szenarien benötigen Benutzer jedoch keinen Grenze zum Styling.
In diesem Beitrag wird erklärt, wie Sie Grenzen von HTML mit CSS vollständig entfernen können.
So entfernen Sie Grenzen aus der HTML -Tabelle vollständig?
Wenn Benutzer Grenzen vollständig aus einer HTML -Tabelle entfernen möchten, sehen Sie sich die Anweisungen an.
Schritt 1: Erstellen Sie Tabelle mit Rand
Um eine Tabelle in HTML zu erstellen, befolgen Sie die Anweisungen:
Fügen Sie zunächst ein Tabellenelement hinzu “
" zusammen mit "Grenze”Attribut.
Dann ist die "
Das Tag wird hinzugefügt, um die gewünschte Anzahl von Zeilen zu erstellen.
Die Überschriftenzellen werden unter Verwendung von "spezifiziert"
" Stichworte.
Danach, "
"Tags sind in anderen" enthalten "
Tags zum Hinzufügen von Datenzellen:
Name
AUSWEIS
Kategorie
Jenny
001
A
Hafsi
002
B
Mari
003
C
Um die HTML -Tabelle zu stylen, werden wir folgenden CSS -Eigenschaften verwenden:
Im Inneren "”Tag, greifen Sie auf die zu
Element mit seinem Tag. Wenden Sie dann die folgenden Eigenschaften an:
“Rand”Eigenschaft mit dem Wert“Auto”Wird verwendet, um den gleichen Raum um das Element zu setzen.
“Polsterung”Eigenschaft mit dem Wert“10px”Legt den Platz von 10px um den Inhalt des Elements fest.
“GrenzeDas Eigentum wendet die Grenze um den Tisch an.
Ausgang
Schritt 2: Rand in CSS entfernen
Um den Rand aus der Tabelle zu entfernen, müssen Benutzer die “festlegenGrenzeEigentum als "keiner”:
Es kann beobachtet werden, dass die äußere Grenze aus der Tabelle erfolgreich entfernt wurde:
Schritt 3: Entfernen Sie den Tischrand vollständig
Wenn Sie den gesamten Rand sowohl aus der Tabelle als auch aus den Zellen entfernen möchten, werden Sie außerdem festgelegtGrenzeEigentum als "keiner"Auf allen Elementen, einschließlich"Tisch","tr","th", Und "td”:
Die folgende Ausgabe zeigt an, dass wir den Rand aus der HTML -Tabelle vollständig entfernt haben:
Wir haben die Methode gezeigt, um Grenzen aus HTML -Tabellen vollständig zu entfernen.
Abschluss
Um den Rand vollständig aus der HTML -Tabelle zu entfernen, erstellen Sie zuerst eine Tabelle. Danach CSS -Eigenschaften anwenden “Grenze","Polsterung", Und "Rand" auf dem Tisch. Setzen Sie dann das Grenzeigenschaften als "keiner"Auf allen Tabellenelementen wie" wie "Tisch","tr","td", Und "th”. Dieses Tutorial hat die Methode zum vollständigen Entfernen der Rand aus der HTML -Tabelle gezeigt.