Πώς να Αναπληρωματικό Row χρώματα στο CSS με PHP

Από προεπιλογή , οι πίνακες χρησιμοποιούν ένα σταθερό χρώμα φόντου για κάθε γραμμή . Πίνακες με μεγάλες ποσότητες δεδομένων και πολλές γραμμές μπορεί να φαίνεται δύσκολο να διαβάσει γι 'αυτό . Χρησιμοποιώντας έναν συνδυασμό των κατηγοριών σε ένα αρχείο CSS και PHP scripting , μπορείτε να εναλλάσσονται σειρά χρωμάτων σε ένα πίνακα . Θα χρησιμοποιήσετε ένα βρόχο για να μετακινηθείτε μέσα από κάθε γραμμή , ανεξάρτητα από το πόσα έχετε στο τραπέζι . Μπορείτε να τα χρησιμοποιήσετε για γραμμές του πίνακα από οποιαδήποτε πηγή , συμπεριλαμβανομένης μιας μεταβλητής πίνακα ή τα αρχεία που λαμβάνονται από μια βάση δεδομένων . Οδηγίες
Η

1 Ανοίξτε το αρχείο CSS . Πληκτρολογήστε τα ακόλουθα για να ορίσετε δύο κατηγορίες :

row1 { background- color: # FFFFFF ? }

Row2 . { Background- color: # B0B0B0 ? }

Οι σειρές . που χρησιμοποιούν την κλάση " row1 " έχουν ένα λευκό φόντο , και τυχόν σειρές που χρησιμοποιούν " row2 " έχουν ένα ελαφρύ γκρι φόντο . 2

Ανοίξτε το αρχείο HTML . Πληκτρολογήστε τα ακόλουθα για να δημιουργήσετε έναν νέο πίνακα σε HTML :

εικόνων
3

Πληκτρολογήστε το παρακάτω, για να ανοίξει ένα tag της PHP και να πάρετε τις πληροφορίες που θα χρησιμοποιήσετε για να συμπληρώσετε τον πίνακα :

$ myArray = array ( " Θέση 1 " , " 2 Θέση " , " σημείο 3 " , " σημείο 4 " ) ?

$ i = 0 ?

Η " $ i" μεταβλητή ενεργεί ως αντίθετη προς εναλλακτικές σειρές . . Αναπληρωτής " $ myArray " με τα πραγματικά δεδομένα που χρειάζεστε , όπως οι γραμμές από μια βάση δεδομένων
Η 4

Πληκτρολογήστε τα ακόλουθα , προκειμένου να εναλλάσσονται τα χρώματα γραμμή στον πίνακα , στη συνέχεια, κλείστε τα PHP και ετικέτες πίνακα :
foreach

( $ myArray as $ data ) {

if ( $ i % 2 == 1 ) {

echo "

\\ n \\ n \\ n" ?

} else {

echo "

\\ n \\ n \\ n" ?

}

$ i + + ? ;

}

>

δεδομένων
" . $ δεδομένων. "
" . $ δεδομένων. "

το "αν" η λειτουργία εκτελεί μια "mod " υπολογισμός για το " $ i" μεταβλητή μετρητή . Όταν το αποτέλεσμα είναι ένα, το " ROW1 " τάξη με το λευκό χρώμα γραμμή εφαρμόζεται στη γραμμή . Όταν το αποτέλεσμα είναι μηδέν, το « ROW2 " τάξη με το ανοιχτό γκρι χρώμα εφαρμόζεται στη γραμμή . Η μεταβλητή μετρητή και στη συνέχεια αυξάνεται κατά ένα , και η λειτουργία επαναλαμβάνεται έως ότου κάθε ρεκόρ από την μεταβλητή $ myArray φορτώνεται στον πίνακα .
5

Αποθηκεύστε το HTML και CSS αρχεία και να ανεβάσετε τους στο διακομιστή Web σας .
Η
εικόνων