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