1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61
| ...
border: 1px solid box-sizing: border-box; height: 400px; margin: auto; position: relative; width: 800px; }
height: 400px; position: absolute; width: 800px; }
background: border: 1px solid box-shadow: 0 0 2px height: 130px; left: 50px; top: 10px; width: 175px; }
background: border: 1px solid box-shadow: 0 0 2px height: 130px; left: 250px; top: 230px; width: 175px; }
background: border: 1px solid box-shadow: 0 0 2px height: 130px; left: 550px; top: 260px; width: 175px; }
.retangle { box-sizing: border-box; cursor: pointer; position: absolute; }
...
<div id="content"> <canvas id="canvas" height="400" width="800"></canvas> <div id="retangle" class="retangle"></div> <div id="retangle-1" class="retangle"></div> <div id="retangle-2" class="retangle"></div> </div>
|