Tornando um div rolável verticalmente usando CSS

Tornando Um Div Rolavel Verticalmente Usando Css



Os desenvolvedores da Web usam componentes HTML, como cabeçalhos e rodapés, nav, div, imagem e muitos outros para dividir uma página da Web e incorporar conteúdo. Mais especificamente, o “

” é um componente HTML popular que fornece uma maneira fácil de dividir uma página em seções. Alguns usuários desejam tornar os componentes “
” roláveis ​​vertical ou horizontalmente para economizar espaço na página da web.

Este post irá demonstrar o método para fazer um div rolável verticalmente utilizando CSS.





Como fazer/criar um div rolável verticalmente com CSS?

Para criar um div rolável verticalmente utilizando CSS, siga as instruções fornecidas.



Etapa 1: adicionar título



Primeiro de tudo, adicione um “ ” para adicionar dados no centro da página. Em seguida, insira o título utilizando o “

' marcação.



Etapa 2: criar um contêiner div em HTML

Depois disso, crie um “

” e atribua a classe chamada “ scroll-div ”. Depois disso, adicione algum texto ou um parágrafo entre as tags
:





< Centro >
< h1 > Site Linuxhint h1 >
< div classe = 'scroll-div' > Linuxhint é um site popular para Criação de conteúdo. construiu muitos produtos para ajuda você aprende sobre Linux, programação, ciência da computação e muito mais. Esta plataforma oferece trabalho em diferentes categorias, incluindo HTML / CSS, javascript, Git, Windows, Dockers, Discord e muitos outros. Ele fornece um completo orientar sobre essas categorias. Os usuários podem achar qualquer tópico relacionado à categoria mencionada. Nesta situação E se você é iniciante, pode consultar as diretrizes para escrevendo um artigo.
div >
Centro >

Saída

Etapa 3: estilo do cabeçalho

Acesse o elemento de cabeçalho especificando o nome da tag entre as tags