Day 5 Lab Code
unknown
plain_text
5 months ago
1.2 kB
19
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Day 5 Lab</title>
<style>
.container{
height:200px;
width:200px;
border-radius: 50%;
}
.red
{
background-color: red;
color:white;
position:fixed;
display: flex;
text-align: center;
}
.red:hover{
visibility: hidden;
}
.black
{
background-color: black;
color:white;
top: 0px;
margin-top:250px;
position:sticky;
box-shadow: 5px 5px rgba(246, 203, 13, 0.4) ;
}
.green
{
background-color: green;
color:white;
margin-top:850px;
}
</style>
</head>
<body>
<div class="container red">
Hi KMCians
</div>
<div class="container black">
Hi KMCians
</div>
<div class="container green">
Hi KMCians
</div>
</body>
</html>Leave a Comment