Πώς να δημιουργήσετε: ζebra γραμμωμένος πίνακας

Μάθετε πώς να δημιουργήσετε ζebra γραμμωμένους πίνακες χρησιμοποιώντας το CSS.

ζebra γραμμωμένος πίνακας

Όνομα Επώνυμο Πόντοι
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Για να δημιουργήσετε μια ζebra γραμμωμένη πίνακα, χρησιμοποιήστε :nth-child() επιλέξτε τον επιλεγμένος επιλογέα και προσθέστε χρώμα φόντου σε όλες τις αριθμημένες (ή μη αριθμημένες) γραμμές:

παράδειγμα

tr:nth-child(even) {
  background-color: #f2f2f2;
}

δοκιμάστε το προσωπικά

Σχετικές σελίδες

Πρόγραμμα σπουδών:Πίνακες CSS

Παρατηρητήριο:Επιλογέας CSS nth-child()