# Background image

Puts an image or gradient behind an element's content.

## What does `background-image` do?

`background-image` puts an image (or a gradient) behind an element's content.

```css
.hero { background-image: url("images/mountains.jpg"); }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/background-image