Δημιουργία div με δυνατότητα κάθετης κύλισης με χρήση CSS

Demiourgia Div Me Dynatoteta Kathetes Kylises Me Chrese Css



Οι προγραμματιστές ιστού χρησιμοποιούν στοιχεία HTML, όπως κεφαλίδες και υποσέλιδα, πλοήγηση, div, εικόνα και πολλά άλλα για τη διαίρεση μιας ιστοσελίδας και την ενσωμάτωση περιεχομένου. Πιο συγκεκριμένα, το «

Το στοιχείο 'είναι ένα δημοφιλές στοιχείο HTML που παρέχει έναν εύκολο τρόπο για να χωρίσετε μια σελίδα σε ενότητες. Ορισμένοι χρήστες επιθυμούν να κάνουν τα στοιχεία '
' με δυνατότητα κύλισης κάθετα ή οριζόντια για να εξοικονομήσουν χώρο στην ιστοσελίδα.

Αυτή η ανάρτηση θα δείξει τη μέθοδο για τη δημιουργία κατακόρυφης κύλισης div χρησιμοποιώντας CSS.







Πώς να δημιουργήσετε/δημιουργήσετε ένα div με δυνατότητα κάθετης κύλισης με CSS;

Για να δημιουργήσετε ένα κατακόρυφο div με δυνατότητα κύλισης χρησιμοποιώντας CSS, ακολουθήστε τις οδηγίες που δίνονται.



Βήμα 1: Προσθήκη κεφαλίδας



Πρώτα απ 'όλα, προσθέστε ένα ' <κέντρο> ετικέτα για την προσθήκη δεδομένων στο κέντρο της σελίδας. Στη συνέχεια, εισαγάγετε την επικεφαλίδα χρησιμοποιώντας το '

ετικέτα '.





Βήμα 2: Δημιουργήστε ένα κοντέινερ div σε HTML

Μετά από αυτό, δημιουργήστε ένα '

' κοντέινερ και εκχωρήστε την κλάση με το όνομα ' scroll-div '. Μετά από αυτό, προσθέστε λίγο κείμενο ή μια παράγραφο ανάμεσα στις ετικέτες
:





< κέντρο >
< h1 > Ιστοσελίδα Linuxhint h1 >
< div τάξη = 'scroll-div' > Το Linuxhint είναι ένας δημοφιλής ιστότοπος Για δημιουργία περιεχομένου. έχει κατασκευάσει πολλά προϊόντα για να βοήθεια μαθαίνετε για Linux, Προγραμματισμό, Επιστήμη Υπολογιστών και πολλά άλλα. Αυτή η πλατφόρμα παρέχει εργασία σε διάφορες κατηγορίες, συμπεριλαμβανομένου του HTML / CSS, javascript, Git, Windows, Dockers, Discord και πολλά άλλα. Παρέχει α πλήρης οδηγός για αυτές τις κατηγορίες. Οι χρήστες μπορούν εύρημα οποιοδήποτε θέμα σχετίζεται με την αναφερόμενη κατηγορία. Σε αυτή την κατάσταση αν είστε αρχάριος, μπορείτε να ανατρέξετε σε οδηγίες Για γράφοντας ένα άρθρο.
div >
κέντρο >

Παραγωγή

Βήμα 3: Επικεφαλίδα στυλ

Αποκτήστε πρόσβαση στο στοιχείο επικεφαλίδας καθορίζοντας το όνομα της ετικέτας ανάμεσα στις ετικέτες