How to Create Navigation Bar using CSS

How to Create a Navigation Bar using CSS

We will guide you on How to Create a Navigation Bar using CSS. nav.html <html> <head> <title>Navigation Bar</title> <link rel="stylesheet" href="style.css"/> </head> <body> <ul> <li><a class="active" href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </body> </html> style.css ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; position: fixed; top: 0; width: 100%; […]
Read Full Article
How to Create Dropdown with hover

How to Create Dropdown with hover

In this article, you will learn How to Create Dropdown with hover. dropdown.html <html> <head> <title>Dropdown List using Hover</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="dropdown"> <span>Mouse over me</span> <div class="dropdown-content"> <p>Hello World!</p> </div> </div> </body> </html> style.css .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: […]
Read Full Article