<style>
.el {
  width: 150px;
  height: 150px;
  background-color: green;
  background-image: linear-gradient(red,red);
  background-size: 0 0;
}

.el1 {
  background-repeat: repeat;
}

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

.el3 {
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
</style>

<div class="el el1">
</div>

<div class="el el2">
</div>

<div class="el el3">
</div>