Я уверен, что вы знаете, что такое полоса прокрутки. Вертикальная или горизонтальная полоса, обычно расположенная в крайней правой или нижней части окна, которая позволяет перемещать область просмотра вверх, вниз, влево или вправо. Когда мы публикуем длинный абзац на нашем сайте, пользователь прокручивает страницу вниз, чтобы прочитать ее полностью. Сегодня мы научимся настраивать полосу прокрутки с помощью CSS. Да, вы правильно поняли, вы можете легко изменять полосы прокрутки на веб-странице...

Конечно, можно просто запилить svg и вес небольшой и цвет менять можно, но это же скучно! Содержание: 1. Вариант с svg. Можно менять цвет, поворачивать <svg viewPort="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line x1="1" y1="11" x2="11" y2="1" stroke="black" stroke-width="2"/> <line x1="1" y1="1" x2="11" y2="11" stroke="#000000" stroke-width="2"/> </svg> 2. С помощью псевдоклассов. По мне, самый устаревший способ. <div class="close"></div> <style> .close:before, .close:after { content: ""; position: absolute; width: 24px; height: 4px; background: #000000; } ...