Een div verticaal schuifbaar maken met behulp van CSS

Een Div Verticaal Schuifbaar Maken Met Behulp Van Css



Webontwikkelaars gebruiken HTML-componenten, zoals kop- en voetteksten, nav, div, afbeelding en vele andere om een ​​webpagina te verdelen en inhoud in te sluiten. Meer specifiek, de “

”-element is een populaire HTML-component die een gemakkelijke manier biedt om een ​​pagina in secties te verdelen. Sommige gebruikers willen de '
'-componenten verticaal of horizontaal scrolbaar maken om webpaginaruimte te besparen.

Dit bericht demonstreert de methode voor het maken van een verticaal schuifbare div met behulp van CSS.





Hoe maak / maak ik een div verticaal schuifbaar met CSS?

Volg de gegeven instructies om een ​​verticaal schuifbare div te maken met behulp van CSS.



Stap 1: kop toevoegen



Voeg eerst een ' ”-tag voor het toevoegen van gegevens in het midden van de pagina. Voeg vervolgens de kop in met behulp van de '

' label.



Stap 2: Maak een div-container in HTML

Maak daarna een '

” container en wijs de klasse met de naam “ scroll-div ”. Voeg daarna wat tekst of een alinea toe tussen de
-tags:





< centrum >
< h1 > Linuxhint-website h1 >
< div klas = 'scroll-div' > Linuxhint is een populaire website voor content creatie. het heeft veel producten gebouwd helpen je leert over Linux, programmeren, informatica en meer. Dit platform biedt werk aan verschillende categorieën, waaronder HTML / CSS, javascript, Git, Windows, Dockers, Discord en vele anderen. Het biedt een compleet gids over deze categorieën. Gebruikers kunnen vind elk onderwerp dat verband houdt met de genoemde categorie. In deze situatie als u een beginner bent, kunt u de richtlijnen raadplegen voor schrijven van een artikel.
div >
centrum >

Uitgang

Stap 3: Stijlkop

Open het kopelement door de tagnaam tussen de