Create Transparent Drop Down Navigation Menu with CSS and HTML
HTML AND CSS CODE :- <html> <head> <style> BODY{ background-image: url(../image/background-blur-clean-531880.jpg); padding: 0px; margin: 0px; } #menu{ background-color: black; opacity: 0.5; height: 80px; width: 100%; } #menu ul{ text-align: center; font-size: 19px; } #menu ul li{ list-style-type: none; float: left; display: block; } #menu ul li a{ color: white; text-decoration: none; padding: 30px; display: block; } #menu ul li a:hover{ color: red; text-decoration: underline; background-color: aquamarine; border-radius: 10px; } #menu ul li ul li{ display: none; width: 100%; height: 70px; } #menu ul li:hover ul li{ display: block; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#&quo