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
Learn

In the last exercise, you probably noticed that the background image was repeated, creating a tiled background (this is the default behavior).

You can control how a background image repeats with the background-repeat property. This property can take one of four values:

  1. repeat - the default value — the image will repeat horizontally and vertically.
  2. repeat-x - the background image will be repeated only along the x-axis (horizontally).
  3. repeat-y - the background image will be repeated only along the y-axis (vertically).
  4. no-repeat - the background image will not be repeated at all and will appear only once.
p { background-image: url("#"); background-repeat: repeat-x; }

In the example above, the paragraph's background image will repeat horizontally.

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