3 года назад
Выпадающее меню на CSS
Перед написанием стилей для выпадающего меню необходимо создать структуру HTML документа. Данная структура будет представлять из себя обычный скелет сайта с добавленными тегами для меню. Меню будем создавать используя списки <UL> или <OL>. Итак приступим к написанию основной структуры сайта <!DOCTYPE html> <html> <head> <title> Выпадающее меню на CSS </title> </head> <body> </body> После того как написали основную структуру сайта необходимо создать структуру нашего меню. Для начала...
1234 читали · 6 лет назад
Адаптивное меню на CSS | FlexBox
Создадим HTML разметку: <div class="nav"> <a href="#">Главная</a> <a href="#">О нас</a> <a href="#">Продукты</a> <a href="#">Контакты</a> </div> Пропишем к данной разметке CSS стили: <style> body{ font-family:arial; } .nav { display: flex; justify-content: flex-end; /* разместим справа */ background: #008aff; } .nav a { color:#fff; padding:15px 10px; text-decoration:none; text-align:center; } ...