Назад к списку задач

Многоуровневая навигация (выпадающее меню)

Уровень: Средний

Задача по 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