Front-end Web Developer

I am a Mid Front-end Web Developer and IT Trainer

Σχολικός πίνακας με css

Categories
Δεξιότητες HTML, CSS
Εργαλείο Ανάπτυξης Notepad++

Ένας πράσινος σχολικός πίνακας – school greenboard

Με αφορμή την έναρξη της σχολικής χρονιάς τον Σεπτέμβρη, έγινε το σχετικό σχέδιο με τον πίνακα school greenboard. Το σχέδιο αυτό έγινε με χρήση των τεχνολογιών HTML (HyperText Markup Language) και CSS (Cascading Style Sheets).

Τα σημεία κλειδιά είναι δύο. Το ένα είναι ότι το κουτί έγινε με χρήση κανόνων css. Δόθηκε δηλαδή χρώμα παρασκηνίου πράσινο, διαστάσεις, περιθώριο, στοίχιση κειμένου και γραμματοσειρά για το κείμενο μέσα στον πίνακα. Το δεύτερο σημείο κλειδί, είναι το περίγραμμα του κουτιού, border. Σε αυτό ορίστηκε μια εικόνα από έναν μαυροπίνακα με την css ιδιότητα border-image. Επιπλέον, ορίστηκε ένα πάχος περιγράμματος με την css ιδιότητα border. Ο συνδυασμός αυτών των δύο ιδιοτήτων πρόσθεσε το περίγραμμα της εικόνας του μαυροπίνακα με τέτοιο τρόπο ώστε να δείχνει ότι είναι κομμάτι της όλης εικόνας. Τέλος, ορίστηκε περιστροφή στο κουτί-πίνακα.

Μπορείτε να δείτε το school greenboard στο CodePen