Stellen Sie den Zellabstand in CSS - HTML ein
Mehrere CSS -Eigenschaften werden verwendet, um die Tabelle in HTML zu stylen, wie Farbe, Rand, Rand, Polsterung und viele mehr. Leider die “Zellspaziergang" Und "Cellpadding”Attribute werden in HTML5 nicht unterstützt. Das CSS jedoch “Grenzabstand"Eigenschaft wird verwendet, um den Zellabstand und das CSS festzulegen"PolsterungDie Eigenschaft dient zum Einstellen der Zellpolsterzellen der Tabellenzellen.
Die Ergebnisse des Beitrags sind:
- So erstellen Sie Tabelle in HTML?
- So setzen Sie Zellpolster in CSS?
- So setzen Sie den Zellabstand in HTML -Tabellen mit CSS?
So erstellen Sie Tabelle in HTML?
Um eine Tabelle in HTML zu erstellen, befolgen Sie die folgenden Anweisungen:
- Fügen Sie auf der HTML -Seite zuerst eine HTML hinzu “
" Element.
- Dann fügen Sie die hinzu
Tag, mit dem die Header -Zeile mit der “angegeben wird“colspan" Attributwert "3”. In diesem Attribut wird die Zelle drei Spalten entspricht. - Danach etwas hinzufügen
Tags zum Erstellen von Zeilen in einer Tabelle. - Die erste Reihe enthält die Überschriften mit der
Stichworte. - Andere Zeilen enthalten die HTML
Tags zum Angeben der Spalten. Hier ist der HTML -Code zum Erstellen einer einfachen Tabelle:
Tisch Roll Nr Name des Schülers Kurse 1 John Grundlagen von c++ 2 Lisa Grundlagen von Java 3 Diana Menschliche interaktion mit dem Computer Gehen wir zum CSS -Abschnitt, um die Tabelle zu stylen.
Stil „Tabelle“ Element
Tisch
Rand: Auto;
Grenze: 2PX Solid #0E5E6f;
Hintergrundfarbe: #fdf3e1;
Schriftgröße: 16px;
Die Erläuterung der oben genannten CSS -Eigenschaften ist unten aufgeführt:
- “RandEigenschaft fügt Räume um das Element hinzu.
- “Grenze”Ist ein Kurzeigeneignis, das einen Rand um das Element hinzufügt, indem die Grenze, die Grenzstil und die Grenzfarbe angegeben werden.
- “HintergrundfarbeEigenschaft wendet Farbe auf den Hintergrund des Elements an.
- “SchriftgrößeIst die Eigenschaft, die die Schriftgröße des Elements festlegt.
Stil „th“ und „TD“ Elemente
th, td
Grenze: 2PX Solid #404258;
Hintergrundfarbe: #9AD2D8;
Die HTML
Und Elemente werden unter Verwendung der Eigenschaften „Grenze“ und „Hintergrundfarbe“ gestaltet. Ausgang
Lassen Sie uns den Zellabstand und die Zellpolsterung der HTML -Tabelle einstellen.
So setzen Sie den Zellabstand in CSS?
Wie wir wissen, unterstützt HTML5 das nicht “Zellspaziergang" Und "Cellpadding”Attribute. Das CSS -Eigentum jedoch “Grenzabstand”Kann den Abstand zwischen den Grenzen der angrenzenden Zellen wie folgt einstellen:
Tisch
Grenzabteilung: 15px;
Hier ist der Ausgang, der den Effekt der “zeigt“GrenzabstandEigenschaft auf dem Tabellenelement:
So setzen Sie Zellpolster in CSS?
So stellen Sie die Zellpolsterung in die HTML -Tabelle, das CSS “Polsterung”Eigenschaft wird angegeben. Die Padding -Eigenschaft verleiht Platz innerhalb des Zellrandes der Zelle.
Wenden Sie nun die CSS -Polstereigenschaft auf die “anth" Und "td”Tabellenelemente wie folgt:
th, td
Polsterung: 10px;
Aus der folgenden Ausgabe kann beobachtet werden, dass die Räume um den Inhalt der Zelle hinzugefügt werden:
Wir haben Beispiele zusammengestellt, um den Zellabstand und die Zellpolsterung in HTML mit CSS festzulegen.
Abschluss
HTML5 unterstützt nicht den Zellabstand und die Zellpolsterattribute. Um diese Faktoren festzulegen, erstellen Sie zunächst eine Tabelle in HTML und wenden Sie die CSS anGrenzabstand”Eigentum und“Polsterung" Eigentum. Die CSS-Randabstandseigenschaft wird verwendet, um den Zellabstand festzulegen. Die Polsterung wird jedoch verwendet, um die Zellpolsterung anzupassen. In diesem Beitrag wurden detaillierte Beispiele für die Festlegung des Zellabstands und der Zellpolsterung in CSS bereitgestellt.
- Dann fügen Sie die hinzu