Fer un div desplaçable verticalment amb CSS

Fer Un Div Desplacable Verticalment Amb Css



Els desenvolupadors web utilitzen components HTML, com ara capçaleres i peus de pàgina, nav, div, imatge i molts altres per dividir una pàgina web i incrustar contingut. Més concretament, el “

L'element ” és un component HTML popular que proporciona una manera fàcil de dividir una pàgina en seccions. Alguns usuaris volen fer que els components '
' es puguin desplaçar verticalment o horitzontalment per estalviar espai a la pàgina web.

Aquesta publicació mostrarà el mètode per fer un div desplaçable verticalment mitjançant CSS.





Com fer/crear un div desplaçable verticalment amb CSS?

Per crear un div desplaçable verticalment utilitzant CSS, seguiu les instruccions donades.



Pas 1: afegiu un títol



Primer de tot, afegiu un ' ” etiqueta per afegir dades al centre de la pàgina. A continuació, inseriu l'encapçalament utilitzant el '

' etiqueta.



Pas 2: creeu un contenidor div en HTML

Després d'això, creeu un '

' i assigneu la classe anomenada ' desplaçament-div ”. Després d'això, afegiu text o un paràgraf entre les etiquetes
:





< centre >
< h1 > Lloc web Linuxhint h1 >
< div classe = 'scroll-div' > Linuxhint és un lloc web popular per creació de continguts. ha construït molts productes per ajuda aprens sobre Linux, programació, informàtica i molt més. Aquesta plataforma ofereix treball en diferents categories, inclòs HTML / CSS, javascript, Git, Windows, Dockers, Discord i molts altres. Proporciona a completa guia sobre aquestes categories. Els usuaris poden trobar qualsevol tema relacionat amb la categoria esmentada. En aquesta situació si ets un principiant, pots consultar les directrius per escrivint un article.
div >
centre >

Sortida

Pas 3: estil de l'encapçalament

Accediu a l'element d'encapçalament especificant el nom de l'etiqueta entre les etiquetes