Scribd
Upload
3 views

Menu Css

The document contains HTML and CSS code to create a dropdown menu with a button that expands to show menu options on hover. The button and dropdown menu are styled with background colors and padding. Links are displayed in the dropdown and styled with color and padding.

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 TXT, PDF, TXT or read online on Scribd
3 views

Menu Css

The document contains HTML and CSS code to create a dropdown menu with a button that expands to show menu options on hover. The button and dropdown menu are styled with background colors and padding. Links are displayed in the dropdown and styled with color and padding.

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 TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<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