Breaking News: Grepper is joining You.com. Read the official announcement!

html dropdown menu stcructure

Azizul7m answered on April 11, 2023 Popularity 2/10 Helpfulness 1/10

answer html dropdown menu stcructure

html dropdown menu stcructure

Comment

<div class="dropdown">
  <button>HubSpot Resources</button>
  <div class="dropdown-content">
    <a href="https://blog.hubspot.com/">Blog</a>
    <a href="https://academy.hubspot.com/">Academy</a>
    <a href="https://www.youtube.com/user/hubspot">YouTube</a>
  </div>
</div>

.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  overflow: auto;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
}
.dropdown-content a:hover {
  color: #FFFFFF;
  background-color: #00A4BD;
}

Popularity 2/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: dropdown html menu

Link to this answer
Share Copy Link

Contributed on Apr 11 2023

Azizul7m

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

html dropdown menu stcructure

Contents

More Related Answers

html dropdown menu stcructure

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.