Applying Backgrounds

Introduction

Welcome to the Applying Backgrounds Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.

Exam Objectives

The following exam objective is covered in this lab:

5.3 Construct and analyze styles that format backgrounds and borders

Lab Duration

It will take approximately 20 minutes to complete this lab.

Exercise 1 - Working with Backgrounds

Websites must ideally have neat and beautiful backgrounds. The backgrounds enhance the visual presentation of the website. There are various background properties in CSS that help you to set background colors and images on web pages. Some of them are background-color, background-image, background-position, background-size, and background-repeat.

In this exercise, the first task will be to download the Visual Studio Code workspace and the background image files from the Intranet You will extract the workspace file and save the image in the images folder.

In the second task, you will add code in login.html to work with the background image using CSS. You will apply the frequently used background image properties on the image file and view the output.

Learning Outcomes

After completing this exercise, you will be able to:

Format backgrounds using CSS in HTML pages