You can add a background image to an HTML page by using CSS styles. The “background-image” property is used for this purpose. Here is an example:
```
body {
background-image: url(“image.jpg”);
}
```
In this example, “image.jpg” is the path of your image file. You have to replace it with your actual file path. You can set the paths like these: ‘images/image.jpg’, ‘/images/image.jpg’, ‘../images/image.jpg’.
Additional properties can be added to style the background image:
- ‘background-repeat’ specifies if/how the image should be repeated.
- ‘background-position’ specifies the position of the image.
- ‘background-size’ specifies the size of the image.
- ‘background-attachment’ specifies how the image should scroll with the page.
Example:
```
body {
background-image: url(“image.jpg”);
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
background-size: cover;
}
```
This will insert the image, prevent it from repeating, position it at the top right of the page, have it remain in place (fixed) when scrolling, and adjust the size of the image to cover the entire page.
