<h4>background-repeat: repeat; </h4>
  <div class="repeat"></div>

  <h4>background-repeat: repeat-x;</h4>
  <div class="repeat-x"></div>

  <h4>background-repeat: repeat-y;</h4>
  <div class="repeat-y"></div>

  <h4>background-repeat: no-repeat;</h4>
  <div class="no-repeat"></div>

  <h4>background-repeat: space;</h4>
  <div class="space"></div>

  <h4>background-repeat: round;</h4>
  <div class="round"></div>
div {
  width: 500px;
  height: 150px;
  border: 3px solid #808080;
  margin-bottom: 40px;
  background: url(http://icons.iconarchive.com/icons/thehoth/seo/256/seo-web-code-icon.png);
  background-size: 45px 45px;
}

.repeat { background-repeat: repeat; }

.no-repeat { background-repeat: no-repeat; }

.repeat-x { background-repeat: repeat-x; }

.repeat-y { background-repeat: repeat-y; }

.space { background-repeat: space; }

.round { background-repeat: round; }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.