blob: 7854b5a36533e67842498cc7644f27a100022eb4 [file] [log] [blame]
<!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>