Het maken van een vervolgkeuzemenu of een dropdownmenu in CSS omvat meestal de combinatie van HTML en CSS. Hier is een eenvoudig voorbeeld van hoe je een dropdownmenu kunt maken:
HTML-code:
```
In deze HTML-code definiëren we een div element voor het volledige dropdownmenu, een button voor de dropdownknop en nog een div-element voor de dropdown content met verschillende links.
Nu de CSS:
```
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
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: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
```
In de CSS-code gebruiken we positionering en display-eigenschappen om de stijl van het menu te definiëren en hoe en wanneer het getoond moet worden. Over het algemeen is het dropdownmenu verborgen (display: none) en wordt het getoond (display: block) wanneer de gebruiker over het menu zweeft (hover).
