Changes
Jump to navigation
Jump to search
← 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
Navigation menu
GC
wiki
Personal tools
English
Log in
Namespaces
User page
Discussion
Variants
Views
Read
View source
View history
More
Search
Navigation
Main Page
Browse categories
Random page
Help
Actions/Tools
Special pages
Tools
User contributions
Logs
View user groups
Printable version
GCaccount
GCcollab
GCmessage