Uiteraard kun je deze helemaal instellen zoals je zelf wilt.

Select & Copy CSS  
<style> .dropbtn { background-color: #444; color: white; padding: 2px 20px 3px 20px; font-size: 16px; border: none; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1aa; 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: #888;} </style>

Select & Copy HTML
<div class="dropdown"> <button class="dropbtn">Dropdown</button> <div class="dropdown-content"> <a href="//studiovianova.nl">Studio ViaNova</a> <a href="//velpzuid.nl">VZP</a> <a href="//dikkelol.nl">dikkelol.nl</a> </div> </div>
 

Voorbeeld:

Dropdown (fixed)

Zie links

Select & Copy Info  
<div id="sluit" style="position: fixed; width: 110px; height: 5px; z-index: 5; top: 58px; right: 50px; "> <div class="dropdown"><button class="dropdown">Ga snel naar....</button> <div class="dropdown-content"> <a href="https://tooljunkie.eu/zoek/?words=tip&search=Zoek">Aanraders</a> <a href="https://tooljunkie.eu/nieuws/tag/Portable">Portable apps</a> <a href="https://tooljunkie.eu/nieuws/tag/JS">Javascripts</a> <a href="https://tooljunkie.eu/download/">Downloads</a> <a href="https://tooljunkie.eu/online-tools/">Online tools</a> <!-- <a href="#">NAAM</a> <a href="#">NAAM</a> <a href="#">NAAM</a> <a href="#">NAAM</a> --></div> </div></div> <style type="text/css"> .dropbtn { background-color: #555555cc; color: #111; // padding: 2px 20px 3px 20px; font-size: unset; border: none; width: 170px; } .dropdown { border-radius: 10px; // margin: 5px 0px 5px 0px; position: relative; display: inline-block; background-color: #555555cc;color: #ccc; // padding: 1px 10px 0px 10px; } .dropdown-content { border-radius: 10px; display: none; position: absolute; background-color: #f1f1f1cc; min-width: 155px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 99991; } .dropdown-content a { text-align: initial; border-radius: 10px; color: #333; padding: 12px 16px; text-decoration: none; display: block; z-index: 99991; } .dropdown-content link:hover { border-radius: 30px; color: #cccc00; z-index: 99991; } .dropdown-content a:hover {background-color: #ddd;} .dropdown:hover .dropdown-content {display: block;color: #eee;} .dropdown:hover .dropbtn {background-color: #888;} } </style>