Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser

Great job! In this lesson, you learned how to modify image properties, add background images, set repetition and placement, and create linear gradients.

Let's review what you've learned so far:

  1. Image dimensions are set using the width and height properties.
  2. A background image can be added to any element using the background-image property.
  3. A background image's repetition is controlled with the background-repeat property.
  4. The position of a non-repeating image can be controlled using the background-position property.
  5. The background property is a shorthand way of setting an image, repetition, and it's position.
  6. The background-image also supports color gradients.

Take some time to experiment with your new knowledge of images in style.css. When you're done, proceed to the next unit.

Report a Bug
If you see a bug or any other issue with this page, please report it here.