code:
<!DOCTYPE html>
<html>
<head>
<title>Percobaan</title>
</head>
<body>
<style type="text/css">
.div1 button {
padding:10px 20px;
border:1px solid powderblue;
background-color:powderblue;
width:100%;
}
.div1{
background-color:red;
width:10%;
}
.div1 button:hover {
background-color:blue;
color:white;
cursor:pointer;
border:1px solid blue;
}
.div2 a{
padding:10px 30px;
display:block;
background-color:powderblue;
text-decoration:none;
color:black;
}
.div2 a:hover {
background-color:blue;
color:white;
}
.div2{
width:10%;
text-align:center;
display:none;
}
.div1:hover .div2{
display:block;
cursor:pointer;
width:100%;
}
</style>
<div class="div1">
<button>Clickme</button>
<div class="div2">
<a href="#">Test</a>
<a href="#">Test</a>
<a href="#">Test</a>
<a href="#">Test</a>
</div>
</div>
</body>
</html>
Komentar
Posting Komentar