<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; }
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.