JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="bg-menu">
Ну тест ))
</div>

CSS

.bg-menu {
   background: url(http://savepic.su/3495635.png) repeat-y; /*центр*/
   position: relative;
   width:191px;
   margin:34px 0 12px;
   padding:15px;
}
.bg-menu:after {
content: "";
background: url(http://savepic.su/3514066.png) 0 100% no-repeat; /*низ*/
display: block;
height:12px;
position: absolute;
left: 0px; /*указываете столько сколько вам необходимо*/
right: 0px; /*указываете столько сколько вам необходимо*/
/*top:1px; указываете столько сколько вам необходимо */
bottom: -12px; /*указываете столько сколько вам необходимо*/
}
.bg-menu:before {
content: "";
background: url(http://savepic.su/3474131.png) 0 0 no-repeat; /*Верх*/
display: block;
width:191px;
height:34px;
position: absolute;
left: 0px; /*указываете столько сколько вам необходимо*/
right: 0px; /*указываете столько сколько вам необходимо*/
top:-34px; /*указываете столько сколько вам необходимо*/
/*bottom: 1px; указываете столько сколько вам необходимо */
}