Search results
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. Set the background image for a page: body { background-image: url ("paper.gif"); } Try it Yourself » Example.
To add a background image on an HTML element, use the HTML style attribute and the CSS background-image property: Example. Add a background image on a HTML element: <p style="background-image: url ('img_girl.jpg');"> Try it Yourself » You can also specify the background image in the <style> element, in the <head> section: Example.
Oct 22, 2024 · The background-image CSS property sets one or more background images on an element. Try it. The background images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.
The background-image property sets one or more background images for an element. By default, a background-image is placed at the top-left corner of an element, and repeated both vertically and horizontally.
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. Here, the background-image property sets the specified image in the background of the body element. Syntax of Background-Image.
Oct 15, 2024 · The background-image property allows you to set one or more background images for an element. It allows you to specify the image URL and combine it with other background properties to control its position, size, repeat behavior, and more, enhancing the visual design of web pages.
Jul 21, 2021 · The background-image CSS property allows you to then place the image behind any HTML element you wish. This could either be the whole page (by using the body selector in CSS which targets the <body> element in our HTML), or just a standalone specific part of the page such as a section element like in the example below.