How To Create Dropdown Menu with html and CSS.




Here again another project "drop-down menu"

Firstly....apply html

<body>
   <div class="drop-bttn">
     <button class="dropbttn">DROP DOWN</button>
    <div class="drop-content">
      <a href="#">Home</a>
      <a href="#">Service</a>
      <a href="#">Contact</a>
      <a href="#">Policy</a>
    </div>
   </div>
</body>

Then apply CSS which is the final stage

<style>
      .drop-content {
              display:none;
              position: absolute;              
         background-color:#f9f9f9;
          min-width:160px;
          box-shadow:0 18px 16px 0;
}
       .drop-bttn:hover .drop-content {
        display:block;
}
   .drop-content a {
           padding:12px 14px;
           text-decoration:none;
           color:black;
           display:block;
}
   
    </style>


Copy and paste on your text editor


Comments

Popular posts from this blog

How to Borrow Airtime and Data from Glo: A Step-by-Step Guide in Pidgin English

Fiverr Guide: Fiverr Account creation, How to Create Gigs, Low Competitive & High Demanding Gigs and Prevent Account Disabling

250$ Everyday with Rapidworker - How to Hammer with Rapidworker: Make Money Online Eazy Eazy