<div class="box">
<div class="box__title">Техническая Составляющая</div>
<div class="box__content"></div>
</div>
.box {
position: absolute;
width: 400px;
height: 400px;
resize: both;
overflow: hidden;
color: #fff;
min-width: 330px;
min-height: 100px;
border-image-slice: 10 80 80 200;
border-image-width: 10px 80px 80px 200px;
border-image-repeat: stretch stretch;
border-image-source: url("https://i0.wp.com/habrastorage.org/webt/62/84/cf/6284cf07d07db904679051.png?crop=20px,20px,460px,380px");
background: #007;
padding-bottom: 80px;
}
.box__title {
margin-left: 20px;
margin-top: 6px;
margin-right: 30px;
border-image-slice: 15 70 10 70;
border-image-width: 15px 70px 10px 70px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
border-image-source: url("https://i0.wp.com/habrastorage.org/webt/62/84/cf/6284cf07d07db904679051.png?crop=40px,36px,400px,90px");
text-transform: uppercase;
text-align: center;
font-size: 30px;
padding: 10px 20px;
background: #007;
}
.box_content {
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.