<div class="one">
  <p>Some content.</p>
</div>
<div class="two">
  <p>Some more content.</p>
</div>
body {
  background: #C4AB80;
  background-image: url(https://www.wintertonshow.co.uk/assets/images/background/hessian.jpg);
  background-size: 175px;
  padding-top: 0.5em;
}

div {
  padding: 1em;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
  border-image: url(https://www.wintertonshow.co.uk/assets/images/background/paper-border1.png) 20 fill round;
}

.two {
  background-color: #def;
  background-origin: border-box;
  border-color: red;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.