Для создания навигации в CSS можно использовать свойства display, float, position и text-align.
Пример кода для создания горизонтальной навигации:
HTML:
<nav>
ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
li><a href="#">Услуги</a></li>
<lia href="#">Контакты</a></li>
</ul>
</nav>CSS:
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
display: block;
text-decoration: none;
color: #333;
font-weight: bold;
}
nav a:hover {
color: #666;
}В данном примере мы создаем список ul без маркеров и убираем отступы. Затем для каждого элемента списка li мы задаем свойство display: inline-block, чтобы они располагались горизонтально и имели ширину, соответствующую содержимому. Для ссылок a мы задаем свойство display: block, чтобы они занимали всю ширину блока li и были кликабельными. Также мы добавляем стили для hover-эффекта при наведении на ссылки.
Для создания вертикальной навигации можно использовать свойство float или position. Примеры кода можно найти в интернете или создать самостоятельно, исходя из требований к дизну и функциональности.
