<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.