Gjøre en div vertikalt rullbar ved hjelp av CSS

Gjore En Div Vertikalt Rullbar Ved Hjelp Av Css



Webutviklere bruker HTML-komponenter, for eksempel topptekster og bunntekster, nav, div, bilde og mange andre for å dele en nettside og bygge inn innhold. Mer spesifikt, '

”-elementet er en populær HTML-komponent som gir en enkel måte å dele en side inn i seksjoner. Noen brukere ønsker å gjøre «
»-komponentene vertikalt eller horisontalt rullbare for å spare plass på nettsiden.

Dette innlegget vil demonstrere metoden for å lage en vertikalt rullbar div ved å bruke CSS.





Hvordan lage/lage en div vertikalt rullbar med CSS?

For å lage en vertikalt rullbar div ved å bruke CSS, følg de gitte instruksjonene.



Trinn 1: Legg til overskrift



Først av alt, legg til en ' ”-tag for å legge til data i midten av siden. Deretter setter du inn overskriften ved å bruke '

' stikkord.



Trinn 2: Lag en div-beholder i HTML

Etter det oppretter du en '

'-beholder og tilordne klassen som heter ' scroll-div '. Etter det legger du til litt tekst eller et avsnitt mellom
-taggene:





< senter >
< h1 > Linuxhint nettsted h1 >
< div klasse = 'scroll-div' > Linuxhint er et populært nettsted til innholdsskaping. det har bygget mange produkter til hjelp du lærer om Linux, programmering, informatikk og mer. Denne plattformen gir arbeid med forskjellige kategorier, inkludert HTML / CSS, javascript, Git, Windows, Dockers, Discord og mange andre. Det gir en fullstendig veiledning om disse kategoriene. Brukere kan finne ethvert emne relatert til den nevnte kategorien. I denne situasjonen hvis du er nybegynner, kan du se retningslinjer til skrive en artikkel.
div >
senter >

Produksjon

Trinn 3: Stiloverskrift

Få tilgang til overskriftselementet ved å spesifisere kodenavnet mellom