<h2>background-repeat: repeat; </h2>
<div id="repeat">
</div>

<h2>background-repeat: repeat-x;</h2>
<div id="repeat-x">
</div>

<h2>background-repeat: repeat-y;</h2>
<div id="repeat-y">
</div>

<h2>background-repeat: no-repeat;</h2>
<div id="no-repeat">
</div>

#repeat { background-repeat: repeat; }

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

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

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



/* styling for the Pen */

body { font-family: sans-serif; }

div {
  width: 400px;
  height: 125px;
  border: 5px solid #E18728;
  margin-bottom: 2em;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/codepen.png); 
}