<div class="block">
  <p>Ось такий гарний візерунок <br> замість нудної лінії...</p>
</div>
.block {
  width: 500px;
  height: 350px;
  
  font-family: sans-serif;
  font-size: 18px;
  text-align: center;
  padding-top: 12%;
  box-sizing: border-box;
  
  border: 20px solid #666;
  border-image: url(https://www.quackit.com/pix/css/css3/properties/border-image-1.png);
  border-image-slice: 28; 
/*   border-image-width: 0.6em 1.0em;  */
/*   border-image-outset: 0em 1.1em 1.5em 0.6em;  */
  border-image-repeat: repeat stretch; 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.