Как дать рамку картинкой css?

.outside { 
  background-color: transparent; 
  background-size: 14px 14px; 
  background-image: repeating-linear-gradient(-45deg, black, black 5px, transparent 5px, transparent 10px); 
  height: 100px; 
  width: 200px; 
} 
 
.inside { 
  background: white; 
  margin: 10px; 
  height: 80px; 
  display: inline-block; 
  width: 180px; 
}

<div class="outside"> 
  <div class="inside"></div> 
</div>