Създаване на div с възможност за вертикално превъртане с помощта на CSS

S Zdavane Na Div S V Zmoznost Za Vertikalno Prev Rtane S Pomosta Na Css



Уеб разработчиците използват HTML компоненти, като горни и долни колонтитули, nav, div, изображение и много други, за да разделят уеб страница и да вградят съдържание. По-конкретно, „

” е популярен HTML компонент, който предоставя лесен начин за разделяне на страница на секции. Някои потребители желаят да направят компонентите „
“ вертикално или хоризонтално превъртащи се, за да спестят място в уеб страницата.

Тази публикация ще демонстрира метода за създаване на вертикално превъртащ се div чрез използване на CSS.







Как да направите/създадете div с възможност за вертикално превъртане с CSS?

За да създадете div с възможност за вертикално превъртане, като използвате CSS, следвайте дадените инструкции.



Стъпка 1: Добавете заглавие



Първо добавете „ <център> ” таг за добавяне на данни в центъра на страницата. След това вмъкнете заглавието, като използвате „

” таг.





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

След това създайте „

” контейнер и присвоете класа с име „ scroll-div ”. След това добавете малко текст или абзац между таговете
:





< център >
< h1 > Уебсайт Linuxhint h1 >
< див клас = 'scroll-div' > Linuxhint е популярен уебсайт за създаване на съдържание. тя е създала много продукти за помогне научавате за Linux, програмиране, компютърни науки и др. Тази платформа осигурява работа върху различни категории, включително HTML / CSS, javascript, Git, Windows, Dockers, Discord и много други. Той осигурява a пълен ръководство за тези категории. Потребителите могат намирам всяка тема, свързана със споменатата категория. В тази ситуация ако ако сте начинаещ, можете да се обърнете към насоките за писане на статия.
див >
център >

Изход

Стъпка 3: Стил на заглавието

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