Edit in JSFiddle

CSS
HTML
Result

div {
  width: 110px;
  height: 110px;
  background-image :url('http://ezcode.kr/study/css/img/smile.png');
  border:1px solid black;
}
.ex1 {
  background-repeat: repeat;
}
.ex2 {
  background-repeat: repeat-x;
}
.ex3 {
  background-repeat: repeat-y;
}
.ex4 {
  background-repeat: no-repeat;
}
.ex5 {
  background-repeat: space;
}
.ex6 {
  background-repeat: round;
}

<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <h1>background-repeat</h1>
    <p>background-repeat: repeat</p>
    <div class="ex1"></div>
    <hr>
    <p>background-repeat: repeat-x</p>
    <div class="ex2"></div>
    <hr>
    <p>background-repeat: repeat-y</p>
    <div class="ex3"></div>
    <hr>
    <p>background-repeat: no-repeat</p>
    <div class="ex4"></div>
    <hr>
    <p>background-repeat: space</p>
    <div class="ex5"></div>
    <hr>
    <p>background-repeat: round</p>
    <div class="ex6"></div>
  </body>
</html>