Меню можно стилизовать с помощью CSS, чтобы изменить его внешний вид и поведение. Ниже приведен пример стилей, которые применяются к меню в macOS:
#menu { width: 100%; background-color: #f2f2f2; border-bottom: 1px solid #ccc; } #menu ul { display: flex; justify-content: space-around; align-items: center; } #menu li { display: inline-block; padding: 0 20px; } #menu li a { text-decoration: none; color: #000; }
Подменю могут быть добавлены к пунктам меню для организации связанных команд или элементов. Вот несколько примеров:
<li><a href="#">Файл</a> <ul> <li><a href="#">Новый</a></li> <li><a href="#">Открыть…</a></li> <li><a href="#">Сохранить</a></li> <li><a href="#">Сохранить как…</a></li> <li><a href="#">Закрыть</a></li> </ul> </li>
<li><a href="#">Вид</a> <ul> <li><a href="#">Показать строку состояния</a></li> <li><a href="#">Показать боковую панель</a></li> <li><a href="#">Увеличить масштаб</a></li> <li><a href="#">Уменьшить масштаб</a></li> </ul> </li>
Создание программы меню как в macOS требует понимания структуры HTML, обработки событий JavaScript и стилизации CSS. Использование подменю обеспечивает организацию и удобство использования, позволяя пользователям легко находить и выполнять нужные команды.