<!DOCTYPE html>
<style>
  #paint {
    width: 150px;
    height: 150px;
    border: none;
    background: url('resources/test-image.png');
    background-size: 150px 150px;
  }
</style>

<body>
  <div id="paint"></div>
  <div style="width: 10px; height: 200px; position: absolute; top: 0; left: 2px; background: black"></div>
  <div style="width: 10px; height: 200px; position: absolute; top: 0; left: 155px; background: black"></div>
  <div style="width: 10px; height: 200px; position: absolute; top: 0; left: 80px; background: black"></div>
  <div style="width: 200px; height: 10px; position: absolute; top: 2px; left: 0; background: black"></div>
  <div style="width: 200px; height: 10px; position: absolute; top: 155px; left: 0; background: black"></div>
  <div style="width: 200px; height: 10px; position: absolute; top: 30px; left: 0; background: black"></div>
  <div style="width: 200px; height: 10px; position: absolute; top: 120px; left: 0; background: black"></div>
</body>
