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>
  <
tdInhalt eins </td>
 </
tr>
 <
tr>
  <
tdInhalt zwei </td>
 </
tr>
 <
tr>
  <
tdInhalt drei </td>
 </
tr>
 <
tr>
  <
tdInhalt vier </td>
 </
tr>
</
table>
Inhalt eins
Inhalt zwei
Inhalt drei
Inhalt vier

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 - Parameter per URL übergeben

JavaScript - Zahlenwerte überprüfen und korrigieren

MySQL - Mit mehreren Begriffen gleichzeitig suchen