Edit in JSFiddle

CSS
HTML
Result

div {
  border: 10px double black;
  padding: 15px;
  background-image :url('http://ezcode.kr/study/css/img/smile.png');
  background-repeat: no-repeat;
  margin: 20px;
}
.ex1 {
  background-origin: padding-box; 
}
.ex2 {
  background-origin: border-box; 
}
.ex3 {
  background-origin: content-box; 
}

<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <h1>background-origin</h1>
    <div class="ex1">background-origin: padding-box</div>
    <hr>
    <div class="ex2">background-origin: border-box</div>
    <hr>
    <div class="ex3">background-origin: content-box</div>
  </body>
</html>