Vytvoření div svislého rolování pomocí CSS

Vytvoreni Div Svisleho Rolovani Pomoci Css



Weboví vývojáři používají HTML komponenty, jako jsou záhlaví a zápatí, nav, div, image a mnoho dalších k rozdělení webové stránky a vkládání obsahu. Přesněji řečeno, „

” element je populární HTML komponenta, která poskytuje snadný způsob, jak rozdělit stránku na sekce. Někteří uživatelé chtějí, aby se komponenty „
“ mohly posouvat svisle nebo vodorovně, aby se ušetřilo místo na webové stránce.

Tento příspěvek demonstruje metodu vytváření vertikálně rolovatelného divu pomocí CSS.





Jak vytvořit/vytvořit div vertikálně rolovatelný pomocí CSS?

Chcete-li vytvořit vertikálně rolovatelný div pomocí CSS, postupujte podle uvedených pokynů.



Krok 1: Přidejte nadpis



Nejprve přidejte „ ” tag pro přidávání dat do středu stránky. Poté vložte nadpis pomocí „

” tag.



Krok 2: Vytvořte kontejner div v HTML

Poté vytvořte „

” kontejner a přiřaďte třídu s názvem “ scroll-div “. Poté přidejte nějaký text nebo odstavec mezi značky
:





< centrum >
< h1 > Web Linuxhint h1 >
< div třída = 'scroll-div' > Linuxhint je populární web pro tvorba obsahu. vytvořila mnoho produktů Pomoc se dozvíte o Linuxu, programování, informatice a dalších. Tato platforma poskytuje práci na různých kategoriích, včetně HTML / CSS, javascript, Git, Windows, Dockers, Discord a mnoho dalších. Poskytuje a kompletní průvodce o těchto kategoriích. Uživatelé mohou nalézt jakékoli téma související se zmíněnou kategorií. V této situaci -li jste začátečník, můžete se podívat na pokyny pro psaní článku.
div >
centrum >

Výstup

Krok 3: Styl nadpisu

K prvku nadpisu se dostanete zadáním názvu značky mezi značky