Подкиньте пожалуйста пример выпадающего меню, хочу взглянуть на структуру и поэкспериментировать, спасибо)
Много таких примеров можно найти в свободном доступе на w3, к тому же тут уже вроде был похожий вопрос, попробуй в следующий раз погуглить, вот пример:
<div class="dropdown">
<button class="dropbtn">Dropdown
<div class="dropdown-content">
<a href="#">Link 1
<a href="#">Link 2
<a href="#">Link 3
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #b7f179
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
Структура html надеюсь понятна, в css тоже нет ничего сложного, опишу только ключевые моменты, первый стиль отвечает за оформление кнопки, второй за позицию, третий за то что выпадает из меню, изначально не отображается содержимое, сделана тень, далее задаем ссылкам внутри меню нужный вид, последние стили отвечают за реакцию меню, при наведении мы отображаем блок с меню, при наведении на ссылки в этом меню их цвета так же изменяются.