CSS Navigation Bar

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>

 

If you are Happy with DataFlair, do not forget to make us happy with your positive feedback on Google

courses
Image

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *