Backgrounds
Colors and Images
There are different things that can be added to the background including videos. It's just like having an element on top of other elements.
Background Colors
Uses the same criteria (i.e. color names, codes) as css colors, only that property name changes.
<!-- syntax -->
background-color: white;<!-- complete code -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Colrs and imagest</title>
<style>
#wrapper {
padding: 40px;
background-color: red;
height: 200px;
width: 300px
}
#color {
padding: 20px;
background-color: white;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="color">Background color</div>
</div>
</body>
</html>End Result
Background Images
This was always fun for me, when i started out. For an example, check this out link.
Last updated
Was this helpful?