Divi muutmine vertikaalselt keritavaks CSS-i abil

Divi Muutmine Vertikaalselt Keritavaks Css I Abil



Veebiarendajad kasutavad veebilehe jagamiseks ja sisu manustamiseks HTML-i komponente, nagu päised ja jalused, nav, div, pilt ja paljud teised. Täpsemalt öeldes '

” element on populaarne HTML-i komponent, mis pakub lihtsat viisi lehe osadeks jagamiseks. Mõned kasutajad soovivad veebilehe ruumi säästmiseks muuta „
” komponendid vertikaalselt või horisontaalselt keritavaks.

See postitus demonstreerib vertikaalselt keritava divi tegemise meetodit CSS-i abil.





Kuidas teha/luua CSS-iga vertikaalselt keritav div?

Vertikaalselt keritava div loomiseks CSS-i abil järgige antud juhiseid.



1. samm: lisage pealkiri



Kõigepealt lisage ' ” märgend andmete lisamiseks lehe keskel. Seejärel sisestage pealkiri, kasutades '

” silti.



2. samm: looge HTML-is div-konteiner

Pärast seda looge '

' konteiner ja määrake klass nimega ' scroll-div ”. Pärast seda lisage
-märgendite vahele teksti või lõik:





< Keskus >
< h1 > Linuxhinti veebisait h1 >
< div klass = 'scroll-div' > Linuxhint on populaarne veebisait jaoks sisu loomine. see on ehitanud palju tooteid abi saate teada Linuxi, programmeerimise, arvutiteaduse ja muu kohta. See platvorm pakub tööd erinevatele kategooriatele, sealhulgas HTML-ile / CSS, javascript, Git, Windows, Dockers, Discord ja paljud teised. See annab a täielik juhend nende kategooriate kohta. Kasutajad saavad leida kõik nimetatud kategooriaga seotud teemad. Selles olukorras kui kui olete algaja, võite viidata juhistele jaoks artikli kirjutamine.
div >
Keskus >

Väljund

3. samm: stiilipealkiri

Pääse päise elemendile juurde, määrates sildi nime