Open main menu
Home
Random
Log in
Settings
About wiki
Terms and conditions of use
wiki
Search
Changes
← Older edit
Newer edit →
User:Sara.hunter/sandbox4
(view source)
Revision as of 13:38, 24 April 2020
838 bytes added
,
13:38, 24 April 2020
no edit summary
Line 1:
Line 1:
+
<!DOCTYPE html>
+
<html>
+
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<style>
+
.dropbtn {
+
background-color: #4CAF50;
+
color: white;
+
padding: 16px;
+
font-size: 16px;
+
border: none;
+
}
+
+
.dropdown {
+
position: relative;
+
display: inline-block;
+
}
+
+
.dropdown-content {
+
display: none;
+
position: absolute;
+
background-color: #f1f1f1;
+
min-width: 160px;
+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
z-index: 1;
+
}
+
+
.dropdown-content a {
+
color: black;
+
padding: 12px 16px;
+
text-decoration: none;
+
display: block;
+
}
+
+
.dropdown-content a:hover {background-color: #ddd;}
+
+
.dropdown:hover .dropdown-content {display: block;}
+
+
.dropdown:hover .dropbtn {background-color: #3e8e41;}
+
</style>
+
</head>
+
<body>
+
+
<h2>Hoverable Dropdown</h2>
+
<p>Move the mouse over the button to open the dropdown menu.</p>
+
<div class="dropdown">
<div class="dropdown">
<button class="dropbtn">Dropdown</button>
<button class="dropbtn">Dropdown</button>
Sara.hunter
84
edits