<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: 16px solid #666;
  border-image-source: url(https://www.quackit.com/pix/css/css3/properties/border-image-1.png);
  border-image-slice: 16; 
  border-image-repeat: round; 
  border-image-width: 20px 5px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.