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.

Dec 16, 2025 · The background-image CSS property sets one or more background images on an element.

Jul 11, 2025 · Learn about the CSS background-image property, its usage, and how to apply it effectively to enhance your web design.

CSS background-image property is used to add a background image on an element or the webpage. For example, body { background-image: url ("girl-avatar.png"); } Browser Output

Learn how to use CSS styles to add a background image to your HTML document with this simple guide.

Jun 13, 2025 · Master CSS background-image property with complete examples, best practices, and interactive demos. Learn to add, position, and optimize background images effectively.

Nov 15, 2021 · A background-image accepts the following: An image URL or data URI using the url CSS function. An image dynamically created by a gradient CSS function. Setting a background-image with …

Feb 17, 2015 · The background-image property in CSS applies a graphic (e.g. PNG, SVG, JPG, GIF, WEBP) or gradient to the background of an element.

Learn how to add background images in CSS with our step-by-step guide. Explore responsive techniques, performance tips, and methods for web designs.

Nov 19, 2024 · The CSS background-image property is used to add an image as a background to an element. Syntax background-image: url() 1. Setting background Image of an Element A background …