In diesem Beitrag wird erklärt, wie Sie mithilfe von CSS vollständig Ränder aus HTML entfernen.
Wie entferne ich vollständig Rahmen aus der HTML-Tabelle?
Wenn Benutzer Rahmen vollständig aus einer HTML-Tabelle entfernen möchten, sehen Sie sich die Anweisungen an.
Schritt 1: Erstellen Sie eine Tabelle mit Rahmen
Um eine Tabelle in HTML zu erstellen, folgen Sie den Anweisungen:
- Fügen Sie zuerst ein Tabellenelement hinzu „
' zusammen mit ' Grenze ” Attribut. - Dann ist die '
”-Tag wird hinzugefügt, um die gewünschte Anzahl von Zeilen zu erstellen. - Die Überschriftenzellen werden mit „
' Stichworte. - Nachdem, '
„Tags sind in anderen enthalten“ ” Tags zum Hinzufügen von Datenzellen: < Tisch Grenze = '1px' >
< tr > < th > Name < / th > < th > ICH WÜRDE < / th > < th > Kategorie < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > EIN < / td >< / tr >
< tr > < td > Ozean < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Groß < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / Tisch >Für das Styling der HTML-Tabelle verwenden wir die folgenden CSS-Eigenschaften:
Tisch {
Polsterung : 10px ;
Gewinnspanne : Auto ;
Grenze : 1px solide Schwarz :
}
Im „
”-Tag, greifen Sie mit seinem Tag auf das -Element zu. Wenden Sie dann die folgenden Eigenschaften an:
- „ Gewinnspanne „Eigenschaft mit dem Wert“ Auto “ wird verwendet, um einen gleichmäßigen Abstand um das Element herum festzulegen.
- „ Polsterung „Eigenschaft mit dem Wert“ 10px “ legt den Abstand von 10 Pixel um den Inhalt des Elements fest.
- „ Grenze ”-Eigenschaft wendet den Rahmen um die Tabelle an.
Ausgabe
Schritt 2: Rahmen in CSS entfernen
Um den Rand von der Tabelle zu entfernen, müssen Benutzer das „ Grenze „Eigentum als“ keiner “:
Tisch {
Polsterung : 10px ;
Gewinnspanne : Auto ;
Grenze : keiner ;
}Es kann beobachtet werden, dass der äußere Rand der Tabelle erfolgreich entfernt wurde:
Schritt 3: Entfernen Sie den Tabellenrahmen vollständig
Wenn Sie außerdem den gesamten Rahmen sowohl von der Tabelle als auch von Zellen entfernen möchten, setzen Sie „ Grenze „Eigentum als“ keiner ” auf allen Elementen, einschließlich “ Tisch “, „ tr “, „ th ', und ' td “:
Tabelle, tr, td, th{
Polsterung: 10px;
Rand: automatisch;
Grenze: keine;
}Die folgende Ausgabe zeigt, dass wir den Rahmen vollständig aus der HTML-Tabelle entfernt haben:
Wir haben die Methode zum vollständigen Entfernen von Rahmen aus HTML-Tabellen demonstriert.
Fazit
Um den Rahmen vollständig aus der HTML-Tabelle zu entfernen, erstellen Sie zunächst eine Tabelle. Wenden Sie danach CSS-Eigenschaften an “ Grenze “, „ Polsterung ', und ' Gewinnspanne ' auf dem Tisch. Legen Sie dann die Border-Eigenschaft als „ keiner “ auf allen Tabellenelementen, wie z. B. „ Tisch “, „ tr “, „ td ', und ' th “. Dieses Tutorial hat die Methode zum vollständigen Entfernen des Rahmens aus der HTML-Tabelle demonstriert.
- Die Überschriftenzellen werden mit „