Div kūrimas vertikaliai slenkamą naudojant CSS

Div Kurimas Vertikaliai Slenkama Naudojant Css



Žiniatinklio kūrėjai naudoja HTML komponentus, pvz., antraštes ir poraštes, navigaciją, div, vaizdą ir daugelį kitų, norėdami padalinti tinklalapį ir įterpti turinį. Tiksliau, „

“ elementas yra populiarus HTML komponentas, suteikiantis paprastą būdą padalyti puslapį į dalis. Kai kurie vartotojai nori, kad „
“ komponentai būtų slenkami vertikaliai arba horizontaliai, kad sutaupytumėte vietos tinklalapyje.

Šiame įraše bus parodytas vertikaliai slenkamojo div kūrimo metodas naudojant CSS.





Kaip padaryti / sukurti div vertikaliai slenkamą naudojant CSS?

Norėdami sukurti vertikaliai slenkamą div, naudodami CSS, vadovaukitės pateiktomis instrukcijomis.



1 veiksmas: pridėkite antraštę



Pirmiausia pridėkite „ “ žyma, skirta pridėti duomenis puslapio centre. Tada įterpkite antraštę naudodami „

“ žymą.



2 veiksmas: sukurkite „div“ konteinerį HTML

Po to sukurkite „

' konteinerį ir priskirkite klasę pavadinimu ' scroll-div “. Po to tarp
žymų pridėkite teksto arba pastraipą:





< centras >
< h1 > Linuxhint svetainė h1 >
< div klasė = 'scroll-div' > Linuxhint yra populiari svetainė dėl turinio kūrimas. ji sukūrė daug produktų padėti sužinosite apie Linux, programavimą, kompiuterių mokslą ir kt. Ši platforma suteikia įvairių kategorijų, įskaitant HTML, darbą / CSS, javascript, Git, Windows, Dockers, Discord ir daugelis kitų. Tai suteikia a užbaigti vadovas apie šias kategorijas. Vartotojai gali rasti bet kokia tema, susijusi su minėta kategorija. Šioje situacijoje jeigu esate pradedantysis, galite remtis gairėmis dėl rašant straipsnį.
div >
centras >

Išvestis

3 veiksmas: stiliaus antraštė

Pasiekite antraštės elementą nurodydami žymos pavadinimą tarp