CSS

How to make a backgroud image with no repeat in html

.background {
background-image: url('name.jpeg');
background-repeat: no-repeat;
background-size: 100%;
}

background repeat

/* Keyword values */
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: repeat;
background-repeat: space;
background-repeat: round;
background-repeat: no-repeat;

/* Two-value syntax: horizontal | vertical */
background-repeat: repeat space;
background-repeat: repeat repeat;
background-repeat: round space;
background-repeat: no-repeat round;

/* Global values */
background-repeat: inherit;
background-repeat: initial;
background-repeat: revert;
background-repeat: unset;

background-repeat

background-image: url('path_to_background_image');
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Background image repeat CSS

div {
  background-image: url("alert.png");
  background-repeat: no-repeat;
}

repeatable background image

body {
background-image: url('Background_image.png');
}

background repeat

<repeat-style>#
where 
<repeat-style> = repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}