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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Position Sticky in einer HTML Tabelle

PHP - Abfrage einer Datenbank (über PDO) und Ausgabe der Daten

JavaScript - 1 x Klick Button

MySQL - Einfügen oder aktualisieren mit 'ON DUPLICATE KEY UPDATE'