CSS Foundations · Lesson 5 of 11

Backgrounds and Borders

Learn how backgrounds and borders help separate page areas and make layouts easier to understand visually.

Starter 4 practice exercises 1 homework item

What you will learn

  • Explain what backgrounds and borders do on a page.
  • Recognize a few beginner background and border properties.
  • Notice how these rules can separate sections visually.
  • Read simple CSS background and border examples without confusion.

Lesson shape

14 minute lesson with 5 sections, 4 exercises, 5 checkpoint questions, and 1 homework submission.

This track requires the Starter plan.

Lesson outline

What this lesson includes

This lesson is available with the Starter membership. Create an account to open the full student player, exercises, quiz, and completion tracking.

Overview

Why section separation matters

Full lesson content unlocks in the student player.

Explain

Background basics

Full lesson content unlocks in the student player.

Explain

Border basics

Full lesson content unlocks in the student player.

Practice

Read a tiny example

Full lesson content unlocks in the student player.

Wrap up

What to remember before lesson 6

Full lesson content unlocks in the student player.

Homework

Assignments attached to this lesson

Text response

Backgrounds and Borders: quick check

Write a short beginner explanation of the main idea from Backgrounds and Borders.

Not started

Open homework