Benutzerspezifische Werkzeuge
Sie sind hier: Startseite / Programmierung / CSS / Verschiedene Farben für Gerade/Ungerade Tabellenzeilen

Verschiedene Farben für Gerade/Ungerade Tabellenzeilen

Manchmal hat man keine eindeutigen IDs oder Klassen wie even/odd um Tabellen ein Farbwechsel für die nächste Zeile zu spendieren. So geht es trotzdem...

Mit dieser CSS-Definition wird jede 2. Zeile angefangen bei der 1. Zeile eingefärbt:

tr:nth-child(2n+1) {
background-color: #E0EEEE;
}

Und so sieht das ganze dann aus:

 

Zeile 1 / Spalte 1 Zeile 1 / Spalte 2 Zeile 1 / Spalte 3
Zeile 2 / Spalte 1 Zeile 2 / Spalte 2 Zeile 2 / Spalte 3
Zeile 3 / Spalte 1 Zeile 3 / Spalte 2 Zeile 3 / Spalte 3
Zeile 4 / Spalte 1 Zeile 4 / Spalte 2 Zeile 4 / Spalte 3
Zeile 5 / Spalte 1 Zeile 5 / Spalte 2 Zeile 5 / Spalte 3
Zeile 6 / Spalte 1 Zeile 6 / Spalte 2 Zeile 6 / Spalte 3
Zeile 7 / Spalte 1 Zeile 7 / Spalte 2 Zeile 7 / Spalte 3
Kommentieren

Sie können einen Kommentar abgeben, indem Sie das untenstehende Formular ausfüllen. Nur Text.