Многоуровневая навигация (выпадающее меню)
Уровень: Средний
Задача по HTML и CSS: создайте многоуровневую навигацию (выпадающее меню)
Можно использовать только HTML и CSS.
- Используйте ненумерованный список для создания структуры навигации
- Выпадающее меню по умолчанию должно быть скрыто
- При наведении на элемент навигации, если внутри есть выпадающее меню - показываем его
- При перемещении курсора на выпадающее меню, оно не должно закрываться
- Цвета можете выбирать по вашему вкусу, в примере использовались #444 и #333 для фона и цвет текста #fff
Результат
See the Pen Стилизация checkbox by Dmitry Valak (@dmitryvalak) on CodePen.
Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии
Обсуждение (3)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
Владислав
https://codepen.io/VLADISLAV_51/pen/abNqKqQ
Sergii
https://codepen.io/sergii_tytarenko/pen/JjXLrPp
Anatoliy Nosenko
https://codepen.io/nosia80/pen/XJrEZoY