Background-image property

The background image can be set using the CSS property background-image. It is done in the following way:

selector {
  background-image: url("image-address");
}

The address of the image must be enclosed inside url("..."). For example, if the image address is cat.png, you can connect it as a background image like this:

background-image: url("cat.png");

You can set both the background color and the background picture at the same time. In this case, the picture will be displayed on top of the background color. For example:

.block-with-color-and-image {
  background-image: url("cat.png");
  background-color: red;
}