← Alle Beispiele

Tabellen im Zebra-Muster

Fügt abwechselnde Zeilenhintergründe und Hover-Hervorhebung für lesbarere Tabellen hinzu.

Code zum Kopieren

table tbody tr:nth-child(even) td { background: rgba(0,0,0,0.05) !important; }
table tbody tr:hover td { background: rgba(255,200,0,0.18) !important; }
table th, table td { padding: 6px 10px !important; }

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.