HTML CSS Упражнение: панель навигации CSS

Решение:

HTML-код:

       Упражнение HTML CSS - создайте простую панель навигации   nav {display: block; position:  absolute; top: 0; width: 100%; background-color: green;} li {list-style-type: none; display: inline; margin-right: 20px; font-size: 25px} a: link {color:  #fff; украшение текста: нет;} a: hover {цвет: оранжевый; украшение текста: нет;} li> ul {display: none} li: hover ul {display: block;  позиция: абсолютная;  left: 200px; background-color: green; margin: 0;} li: hover ul li a: link {display: block; margin-left: -30px;}      

Живая демонстрация:

См. ответ на навигацию Pen от w3resource (@ w3resource) на CodePen.


Поддерживаемый браузер

Да Да Да Да Да

Оцените статью
nanomode.ru
Добавить комментарий