search

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.

hashtag
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>

hashtag
End Result

hashtag
Background Images

This was always fun for me, when i started out. For an example, check this out linkarrow-up-right.

end result of image background
PreviousMargin, Padding and BordersNextCSS Links

Last updated

Was this helpful?