🔥Limited Offer: Get 50% OFFon AI & Full Stack Courses🔥
Back to CSS Notes
Topic #17

Background Image


CSS background-image

The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

Example

body {
  background-image: url("paper.gif");
}

Example

body {
  background-image: url("bgdesert.jpg");
}

Note: When using a background image, use an image that does not disturb the text.

The background image can also be set for specific elements, like the

element:

Example

  p {
  background-image: url("paper.gif");
}

The CSS Background Image Property

Property Description
background-image Sets the background image for an element

Want to go beyond the notes?

Join CodingNow 2.0's CSS course — live mentorship, real projects, and 100% placement support.

Enroll Now — Free Demo Available

Background Image – FAQs

Quick answers about learning Background Image in CSS.

This free note from CodingNow 2.0 explains Background Image in CSS — concept, syntax and worked code examples you can copy, run and revise before interviews.
Yes. Every CSS topic on CodingNow 2.0, including Background Image, is 100% free with no signup required.
With focused practice, most students grasp Background Image in 1–3 days from these notes; pairing it with CodingNow 2.0's mentor-led course takes you to job-ready depth faster.
Use the code examples in this note, then ask doubts for free on the CodingNow 2.0 Community (/community) — expert instructors answer within 24 hours.
WhatsApp
Call NowEnroll Now