How to create horizontal Menu Bar by using HTML with CSS?



<html>

    <head>



<title>sujata.com</title>

<style> 


    body {

    margin: 0; 

    font-family: Charm;

    }

    

    .topnav {

    overflow: hidden; background-color: #bd7676;

    }

    

    .topnav a {

    float: left;

    color: #4f2727; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;

    }

    

    .topnav a:hover { background-color: rgb(18, 216, 187); color: black;

    }

    

    .topnav a.active { background-color: rgb(98, 98, 179); color: rgb(247, 247, 247);

    

        h1{

    

    

        }

    } </style> 


    </head>

    <body BGCOLOR="PINK">




    

    

 <div class="topnav">

    <a class="active" href="abc.html">Home</a> 

    <a href="#">My Galleries</a>

    <a href="My_videos.html">My Videos</a>

    <a href="about.html">About</a>

    <a href="#">Contact</a>

    

    

    

            

    <FONT SIZE="20" FACE="CHARM" COLOR="WHITE"><B> <center><MARQUEE>APARNA SINGHA 

</MARQUEE></center> </FONT> </B></div>

    

    </body>

    </html>


Post a Comment

Previous Post Next Post