Search⌘ K
AI Features

Getting started with Background Images

Explore how to set and manipulate background images in CSS with the background-image property. Understand default behaviors such as image tiling and cutoff, and gain foundational skills to creatively apply background images in web design.

In this section we will take a deep look at background images and the vast array of options CSS has for us. This is one fun section!

The first question in your mind is perhaps, how do I set an image as the background of an element?

Pretty easy.

For some of the examples in this lesson, I’ll be using these two images.

widget

Two images. The same image, but of different sizes. One small, the other, quite large.

That ...