Scribd
Upload
7 views1 page

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
7 views1 page

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

<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="[Link]">Home</a>
<a href="[Link]">Biodata</a>
<a href="[Link]">Gallery</a>
<a href="[Link]">Medsos</a>
<a href="[Link]">Regist</a>
</div>
</div>
</body>
</html>

You might also like