CSS

css background properties

/* Background-Image: Sets the background image of an element */
background-image: url("clashingcode");

/* Background-Position: The position property is mainly used to specify the positioning of the image */
background-position: right top;

/* Background-Repeat: Defines how a specified background image is repeated. The repeat-x value will repeat the image horizontally(x-axis) while the repeat-y value will repeat the image vertically(y-axis) */
background-repeat: repeat-x;

/* Background-Attachment: specifies the kind of attachment of the background image(scroll with the content or be fixed respect the container). */
background-attachment: scroll;

/* Background-Color: Sets the background color of an element */
background-color: blue;

/* Background: Shorthand Property */
background: background-color background-image background-repeat background-attachment background-position;

CSS background Property

body {
  background: lightblue url("img_tree.gif") no-repeat fixed center;
}

how to use background property in css

body {
  height: 100vh;
  background: url(relative path or url in double quotes) | linear-gradient()
  background-size: cover | contain | any unit value e.g. 1500px;
  background-attachment: fixed | local | scroll;
  background-position: x-offset(values:left,center,right) y-offset(values:top,center,bottom);
                       /* or single value for both x & y-offset */
  background-repeat: repeat (enabled by default) | no-repeat;
  /* some of them will only work provided height of the container */
  /* That's pretty much it folks */
  /* I can't cover details of each value. You'd have to search it */
}

how to use a background property in css

/*This is an example*/
.example {
  background: url("Yeet");
}