Realizarea unui div derulabil pe verticală folosind CSS

Realizarea Unui Div Derulabil Pe Verticala Folosind Css



Dezvoltatorii web folosesc componente HTML, cum ar fi anteturi și subsoluri, nav, div, imagine și multe altele pentru a împărți o pagină web și a încorpora conținut. Mai precis, „

” elementul este o componentă HTML populară care oferă o modalitate ușoară de a împărți o pagină în secțiuni. Unii utilizatori doresc să facă componentele „
” să poată derula vertical sau orizontal pentru a economisi spațiu pe pagina web.

Această postare va demonstra metoda de realizare a unui div derulabil vertical utilizând CSS.





Cum să faci/creezi un div care poate fi derulat pe verticală cu CSS?

Pentru a crea un div derulabil vertical utilizând CSS, urmați instrucțiunile date.



Pasul 1: Adăugați un titlu



Mai întâi de toate, adăugați un „ ” etichetă pentru adăugarea datelor în centrul paginii. Apoi, introduceți titlul utilizând „

' etichetă.



Pasul 2: Creați un container div în HTML

După aceea, creați un „

” container și atribuiți clasa numită „ scroll-div ”. După aceea, adăugați un text sau un paragraf între etichetele
:





< centru >
< h1 > Site-ul web Linuxhint h1 >
< div clasă = 'scroll-div' > Linuxhint este un site web popular pentru crearea de continut. a construit multe produse pentru Ajutor înveți despre Linux, programare, informatică și multe altele. Această platformă oferă lucru pe diferite categorii, inclusiv HTML / CSS, javascript, Git, Windows, Dockers, Discord și multe altele. Acesta oferă o complet ghid despre aceste categorii. Utilizatorii pot găsi orice subiect legat de categoria mentionata. In aceasta situatie dacă sunteți începător, vă puteți referi la ghiduri pentru scrierea unui articol.
div >
centru >

Ieșire

Pasul 3: Stilul titlului

Accesați elementul de antet specificând numele etichetei între etichetele