CodePen

HTML

            
              <div></div>
            
          
!
via HTML Inspector

CSS

            
              div {
  width: 400px;
  height: 300px;
  background: url("http://lorempixel.com/400/300") no-repeat top center;
  margin: 30px auto;
  position: relative;
  box-shadow: 0 0 10px 10px rgba(13,13,13,0.3);
}

div:before {
  content:'';
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  z-index: -1;
  border: 15px solid #ddd; /* <- either will work */
  background: #ddd; /* <-- either will work */
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................