CSS - Tabellenzeilen einfärben

Jede zweite Zeile in einer Tabelle bekommt eine andere Hintergrundfarbe.
Siehe: Zebra-Tabelle mit CSS

<style>

/* Tabellenzeilen einfärben */



tr:nth-child(even) {

 background-color: #FFFF00;

}



tr:nth-child(odd) {

 background-color: #FFCCCC;

}

</style>



<table>

 <tr>

  <td> Inhalt eins </td>

 </tr>

 <tr>

  <td> Inhalt zwei </td>

 </tr>

 <tr>

  <td> Inhalt drei </td>

 </tr>

 <tr>

  <td> Inhalt vier </td>

 </tr>

</table>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<br> Zeilenumbruch

CSS - Container horizontal drehen

PHP - Formulareingaben in eine Datei hinzufügen

JavaScript - Position der Einfügemarke in einem Textfeld ermitteln

MySQL - Das Datum und die Uhrzeit der letzten Stunde anzeigen