JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Проблема</title>
  <style type="text/css">
   #prob {
    position: absolute; /* Абсолютное позиционирование */
    width: 1000px; /* Ширина слоя в пикселах */
    height: 1000px; /* Высота слоя в пикселах */
    left: 1px; /* Положение слоя от левого края */
    top: 1px; /* Положение слоя от верхнего края */
    background: #000; /* Цвет фона */
   }
  </style>
 </head>
 <body>
  <div id="prob">

  </div>
 </body>
</html>

CSS

#prob:before, #prob:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 7px;
    background: url(http://savepic.net/3010986.jpg) repeat-y;
}

#prob:before{
    left: 0;
    background-position: 0 0;
}
#prob:after{
    right: 0;
    background-position: 100% 0;
}