How to Stop a Background Image From Repeating in CSS

Example snippet for a non-repeating background image.

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

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.