Πίνακας HTML με CSS — Στυλ και έτοιμος για επικόλληση
Δημιουργήστε έναν πίνακα HTML οπτικά κάνοντας κλικ σε κελιά και πληκτρολογώντας — λάβετε καθαρή, σημασιολογική σήμανση πίνακα με ζωντανή προεπισκόπηση, χωρίς μορφή για επικόλληση ή μετατροπή.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει το εργαλείο δημιουργίας πίνακα με ενεργοποιημένα τόσο τις ζέβρες όσο και τα περιγράμματα κελιών, καθώς και ένα μικρό δείγμα πίνακα τιμολόγησης που έχει ήδη συμπληρωθεί — ακριβώς τον συνδυασμό που εννοούν οι περισσότεροι με τον όρο "πίνακας HTML με CSS".
Αντί να διασκορπίζει ενσωματωμένα χαρακτηριστικά στυλ σε κάθε κελί, η γεννήτρια γράφει ένα μπλοκ στυλ με δυνατότητα ενσωμάτωσης σε μια κλάση, καλύπτοντας τα περιγράμματα, τα διαστήματα και τις ριγέ σειρές — αντιγράψτε ολόκληρο το απόσπασμα, συμπεριλαμβανομένου του μπλοκ στυλ και λειτουργεί αυτόνομα σε οποιαδήποτε σελίδα.
Επεξεργαστείτε τα δείγματα κελιών, προσθέστε σειρές ή στήλες και αλλάξτε το αποκριτικό περιτύλιγμα εάν ο πίνακας είναι ευρύς — ο κώδικας και η ζωντανή προεπισκόπηση παρακάτω ενημερώνονται μαζί, ώστε να βλέπετε πάντα τον πίνακα με το ακριβές στυλ που πρόκειται να αντιγράψετε.