Scribd
Upload
10 views3 pages

Menu CSS

The document contains HTML and CSS code to create a dropdown menu with a button that expands to show additional menu options on hover.

Uploaded by

iniduaitudua
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views3 pages

Menu CSS

The document contains HTML and CSS code to create a dropdown menu with a button that expands to show additional menu options on hover.

Uploaded by

iniduaitudua
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<html>

<head>

<style>

.mainmenubtn {

background-color: skyblue;

color: white;

border: none;

cursor: pointer;

padding:20px;

margin-top:20px;

.mainmenubtn:hover {

background-color: blue;

.dropdown {

position: relative;

display: inline-block;

.dropdown-child {

display: none;

background-color: skyblue;

min-width: 200px;

.dropdown-child a {

color: blue;

padding: 20px;

text-decoration: none;

display: block;

}
.dropdown:hover .dropdown-child {

display: block;

</style>

</head>

<body>

<div class="dropdown">

<button class="mainmenubtn">Menu Utama</button>

<div class="dropdown-child">

<a href="home.html">Home</a>

<a href="biodata.html">Biodata</a>

<a href="gallery.html">Gallery</a>

<a href="medsos.html">Medsos</a>

<a href="regist.html">Regist</a>

</div>

</div>

</body>

</html>

You might also like