HTML -Tabellenauffüllung und -abstände

HTML-Tabellen können die Auffüllung innerhalb der Zellen und auch den Abstand zwischen den Zellen anpassen.

HTML-Tabelle - Zellenauffüllung

Zellfüllung ist der Abstand zwischen den Zellrändern und dem Zellinhalt.

Standardmäßig ist das Padding auf 0 gesetzt.

Um Tabellenzellen aufzufüllen, verwenden Sie die CSS- paddingEigenschaft:

th, td {
padding: 15px;
}

padding-topVerwenden Sie die Eigenschaft , um Padding nur über dem Inhalt hinzuzufügen .

Und die anderen Seiten mit den Eigenschaften padding-bottom, padding-leftund :padding-right

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

Der Zellabstand ist der Abstand zwischen den einzelnen Zellen.

Standardmäßig ist der Abstand auf 2 Pixel eingestellt.

Um den Abstand zwischen Tabellenzellen zu ändern, verwenden Sie die CSS- border-spacingEigenschaft des table Elements:

table {
border-spacing: 30px;
}