Scribd
Upload
5 views

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
5 views

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
You are on page 1/ 3

<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