Werner-Zenk.de - Zur Startseite

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

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Hintergrundbild absolut positionieren

PHP - Datum und Uhrzeit-Ausgabe

JavaScript - HTML-Button über JavaScript eine Funktion zuweisen

MySQL - Datensätze (Gehalt) zwischen 2000 und 3000 anzeigen