Template:Dropdown
Jump to navigation
Jump to search
<button class="dropbtn">Select Option</button>
<a href="#">Option 1</a> <a href="#">Option 2</a> <a href="#">Option 3</a>
<style> .dropdown {
position: relative; display: inline-block;
}
.dropbtn {
background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;
}
.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:hover .dropdown-content {
display: block;
}
.dropdown-content a {
color: black; padding: 12px 16px; text-decoration: none; display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1;
} </style>