<div class="background one">
  
</div>

<div class="background two">
  
</div>

<div class="background three">
  
</div>
.background {
  outline: 1px solid red;
  height: 50px;
  margin-bottom: 20px;
  background-image: url(https://chipcullen.com/images/burst.svg);
  background-size: 50px 50px;
  background-repeat: round;
  background-position: initial;
}

.one {
  width: 200px;
}

.two {
  width: 225px
}

.three {
  width: 250px
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.