CSS Navigation Bar

DataFlair Team

2 years ago

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head>
        <style>
           
           ul{
            list-style-type:none;
            margin:0;
            padding:0;
            background-color:aqua;
            text-align:center;


           }
           ul li{
            display:inline-block;
            padding:20px;
            font-size:30px;
           }
           a{
            text-decoration: none;
           }
           a:hover{
            color:aquamarine;
            background-color: bisque;
           }
        </style>
    </head>
    <body>
       <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact</a></li>
       </ul>
    </body>
</html>