blob: 62037dd442c15195adafca82841592fcd675e746 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<!doctype html>
<meta charset="UTF-8">
<style>
button {
background-color: rgb(255, 0, 0);
color: black;
}
button:hover {
background-color: rgb(0, 0, 0);
color: white;
}
.drop-down-menu {
height: 100px;
width: 100px;
}
.drop-down-menu .menu-items-list {
display: none;
}
.drop-down-menu:hover .menu-items-list {
display: block;
}
</style>
<div>
<button>Test Button</button>
<div class="drop-down-menu">
<div class="menu-title">Test Menu</div>
<ul class="menu-items-list">
<li class="item-one">One</li>
<li class="item-two">Two</li>
<li class="item-three">Three</li>
</ul>
</div>
</div>
|
