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 Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<table> Tabelle

CSS - Statusmeldung nach 5 Sekunden ausblenden

PHP - X-tägige "NEU"-Markierung von Einträgen

JavaScript - Textteil auswählen

MySQL - Spalten-Durchschnitt ermitteln

Schlechte Grafiken
Bevor Sie eine schlechte Grafik verwenden, verzichten Sie lieber darauf. Schlechte Grafiken sind zum Beispiel solche mit einer anderen Hintergrundfarbe als die der Homepage. Auch den Aliasing-Effekt, bei dem die Grafik einen hässlichen Treppenstufen-Effekt hat, sollten Sie vermeiden. Verwenden Sie dazu die Anti-Aliasing, beziehungsweise Glätten-Funktion Ihres Grafikprogrammes. Schlecht sind auch schief gescannte und oder verwaschene Logos und ausgefranste Grafiken.