CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <style>
- @media only screen and (min-width: 1024px)
- {
- .dropdown
- {
- display: inline-block;
- }
- .dropdown-content
- {
- z-index: 1;
- display:none;
- position: absolute;
- background-color: #000;
- padding: 46px 24px 40px;
- }
- .dropdown:hover .__open
- {
- background-color: #000;
- color: #4a4a4a;
- }
- .dropdown:hover .dropdown-content
- {
- display:block;
- }
- }</style>
- <header>
- <a class="LOGO" href="#">LOGO</a>
- <nav>
- <div style="">
- <a class="" href="#">Ссылка 1</a>
- <a class="" href="#">Ссылка 2</a>
- <a class="" href="#">Ссылка 3</a>
- <div class="dropdown">
- <a class="__open" href="#">Ссылка 4</a>
- <div class="dropdown-content"></div>
- </div>
- <a class="" href="#">Ссылка 5</a>
- <a class="" href="#">Ссылка 6</a>
- </div>
- </nav>
- <hedaer>