Делаем div вертикально прокручиваемым с помощью CSS

Delaem Div Vertikal No Prokrucivaemym S Pomos U Css



Веб-разработчики используют компоненты HTML, такие как верхние и нижние колонтитулы, элементы навигации, элементы div, изображения и многие другие, для разделения веб-страницы и встраивания содержимого. Более конкретно, « <дел> ” — это популярный HTML-компонент, с помощью которого можно легко разделить страницу на разделы. Некоторые пользователи хотят сделать компоненты «

» прокручиваемыми по вертикали или по горизонтали, чтобы сэкономить место на веб-странице.

В этом посте будет продемонстрирован метод создания вертикально прокручиваемого элемента div с использованием CSS.







Как сделать/создать div с вертикальной прокруткой с помощью CSS?

Чтобы создать элемент div с вертикальной прокруткой с помощью CSS, следуйте приведенным инструкциям.



Шаг 1: Добавьте заголовок



Прежде всего, добавьте « <центр> ” для добавления данных в центр страницы. Затем вставьте заголовок, используя «

' ярлык.





Шаг 2: Создайте контейнер div в HTML

После этого создайте « <дел> » и назначьте класс с именем « прокрутка-div ». После этого добавьте текст или абзац между тегами

:





< центр >
< h1 > Веб-сайт Linuxhint h1 >
< див класс знак равно 'прокрутка-div' > Linuxhint — популярный веб-сайт за создание контента. она создала множество продуктов для помощь вы узнаете о Linux, программировании, компьютерных науках и многом другом. Эта платформа обеспечивает работу по разным категориям, включая HTML / CSS, javascript, Git, Windows, Dockers, Discord и многие другие. Он обеспечивает полный руководство по этим категориям. Пользователи могут найти любая тема, относящаяся к указанной категории. В этой ситуации если вы новичок, вы можете обратиться к рекомендациям за написание статьи.
див >
центр >

Вывод

Шаг 3: стиль заголовка

Получите доступ к элементу заголовка, указав имя тега между тегами