How to create dropdown menu in html css

Question

Dropdown menu

Answer 1

<style>
.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);
padding: 12px 16px;
z-index: 1;
}

.dropdown:hover .dropdown-content {
display: block;
}
</style>

<div class="dropdown">
<span>Mouse over me</span>
<div class="dropdown-content">
<p>Hello World!</p>
</div>
</div>

Answer 2

https://www.w3schools.com/howto/howto_css_dropdown.asp

Answer 3

Use select and option tag.

Answer 4

Read 25.1 lesson jQuery course or use Bootstrap component.

Answer 5

Hi! A simple way to get a dropdown menu in html is use the <details> tag, is you want to name it, use the summary tag

Answer 6

https://code.sololearn.com/WvslQ5N6f8Xg/?ref=app

https://code.sololearn.com/WFOrP8KlApxC/?ref=app

Answer 7

Follow this:

https://code.sololearn.com/WsuueHRODa69/?ref=app

Answer 8

https://t.me/Coders_Crafters
join our Telegram group for discussion with everyone about coding. Let's interact with all coders About programming language like HTML CSS, JS, PY