striped tables mit css3

Striped Tables mit CSS

Heute mal eine ganz kleine, aber doch brauchbare Hilfestellung für den alltäglichen Einsatz:

Gestreifte Tabellen mit CSS

Gestreifte Tabellen, auch „striped tables“ oder „Zebra-Tabellen“ genannt, können ganz einfach mit dem CSS-Selektor nth-of-type umgesetzt werden. Mit dem folgenden CSS-Code können alle Tabellen mit der Klasse „zebra“ gestreift dargestellt werden. Der Selektor sorgt dafür, dass alle geraden (also 2., 4., 6., usw.) Zeilen farbig hinterlegt werden. Wer alle Tabellen so darstellen möchte, entfernt einfach die Klasse „.zebra“ aus dem CSS. Dann sieht das ganze so aus: Und so sieht dann die Tabelle aus.
striped tables mit css3
Striped Tables mit CSS3

Veröffentlicht von

Christian Hänsel

Web-Entwickler, SEO-Experte. Ich liebe technisches SEO, die Entwicklung von neuen Ideen und alles rund um das Internet... ja, ich habe mein Hobby zum Beruf gemacht und gehe auch Montags gerne zur Arbeit.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.