<!DOCTYPE html>
<html>
<head>
<title>practice set 2</title>
<style>
*{
panding: 0;
margin: 0;
}
body{
background-color:yellow;
}
.navbar{
background-color:black;
color: white;
height:60px;
display: inline block;;
}
.main{
text-align:center;
color: red;
height: 80vh;
}
.footer{
background-color :blue;
background-position:down;
height:10vh;
}
</style>
</head>
<body>
<header class="navbar">
<nav>
<span><ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul></span>
</nav>
<main class="main">
<h5>THis is h5 heading and we are
creating the best project ever you have seen.</h5>
</main>
<footer class="footer">
<center><h3>This copyright </h3></center>
</footer>
</header>
</body>
</html>
USEFUL LINKS TO KNOW MORE ABOUT WEB DEVELOPMENT :-
| background | Sets all the background properties in one declaration |
| background-attachment | Sets whether a background image is fixed or scrolls with the rest of the page |
| background-clip | Specifies the painting area of the background |
| background-color | Sets the background color of an element |
| background-image | Sets the background image for an element |
| background-origin | Specifies where the background image(s) is/are positioned |
| background-position | Sets the starting position of a background image |
| background-repeat | Sets how a background image will be repeated |
| background-size | Specifies the size of the background image(s) |
0 Comments