Divas izveide vertikāli ritināma, izmantojot CSS

Divas Izveide Vertikali Ritinama Izmantojot Css



Tīmekļa izstrādātāji izmanto HTML komponentus, piemēram, galvenes un kājenes, nav, div, attēlu un daudzas citas, lai sadalītu tīmekļa lapu un iegultu saturu. Konkrētāk, “

” elements ir populārs HTML komponents, kas nodrošina vienkāršu veidu, kā sadalīt lapu sadaļās. Daži lietotāji vēlas padarīt “
” komponentus vertikāli vai horizontāli ritināmus, lai ietaupītu vietu tīmekļa lapā.

Šajā rakstā tiks parādīta metode, kā izveidot vertikāli ritināmu div, izmantojot CSS.





Kā izveidot/izveidot div vertikāli ritināmu, izmantojot CSS?

Lai izveidotu vertikāli ritināmu div, izmantojot CSS, izpildiet sniegtos norādījumus.



1. darbība: pievienojiet virsrakstu



Vispirms pievienojiet ' ” tagu datu pievienošanai lapas centrā. Pēc tam ievietojiet virsrakstu, izmantojot '

” tagu.



2. darbība. Izveidojiet div konteineru HTML

Pēc tam izveidojiet '

' konteineru un piešķiriet klasi ar nosaukumu ' scroll-div ”. Pēc tam pievienojiet tekstu vai rindkopu starp tagiem
:





< centrs >
< h1 > Linuxhint vietne h1 >
< div klasē = 'scroll-div' > Linuxhint ir populāra vietne priekš satura veidošana. tā ir izveidojusi daudzus produktus palīdzēt jūs uzzināsit par Linux, programmēšanu, datorzinātnēm un daudz ko citu. Šī platforma nodrošina darbu pie dažādām kategorijām, tostarp HTML / CSS, javascript, Git, Windows, Dockers, Discord un daudzi citi. Tas nodrošina a pabeigt ceļvedis par šīm kategorijām. Lietotāji var atrast jebkura tēma, kas saistīta ar minēto kategoriju. Šajā situācijā ja Jūs esat iesācējs, varat atsaukties uz vadlīnijām priekš rakstot rakstu.
div >
centrs >

Izvade

3. darbība: stila virsraksts

Piekļūstiet virsraksta elementam, norādot taga nosaukumu starp tagiem