<div class="background background-repeat">
</div>
<p>background-repeat: repeat;</p>
<div class="background background-space"></div>
<p>background-repeat: space;</p>
<div class="background background-round"></div>
<p>background-repeat: round;</p>
.background {
background-color: #e3e3e3;
background-image: url('https://icongr.am/simple/lgtm.svg?size=128&color=currentColor&colored=false');
height: 60px;
width: 330px;
overflow: hidden;
resize: both;
background-size: 60px 60px;
}
.background-repeat {
background-repeat: repeat;
}
.background-space {
background-repeat: space;
}
.background-round {
background-repeat: round;
}
p {
margin-bottom: 40px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.