split-intersect2-ref.html (1095B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <meta charset="utf-8"> 7 <title>Split intersect 2 ref</title> 8 9 <style> 10 .container { 11 margin: 0 0; 12 width: 400px; 13 height: 400px; 14 } 15 16 .shape { 17 margin: 0 0; 18 position: absolute; 19 } 20 21 .red { 22 background-color: rgba(255,0,0,1); 23 24 width: 100px; 25 height: 15px; 26 27 top: 150.5px; 28 left: 73px; 29 } 30 31 .green1 { 32 background-color: rgba(0,255,0,1); 33 34 width: 30px; 35 height: 42.5px; 36 37 top: 108px; 38 left: 88px; 39 } 40 41 .green2 { 42 background-color: rgba(0,255,0,1); 43 44 width: 30px; 45 height: 50px; 46 47 top: 158px; 48 left: 88px; 49 } 50 51 .blue1 { 52 background-color: rgba(0,0,255,1); 53 54 top: 108px; 55 left: 128px; 56 57 width: 30px; 58 height: 42.5px; 59 } 60 61 .blue2 { 62 background-color: rgba(0,0,255,1); 63 64 width: 30px; 65 height: 50px; 66 67 top: 158px; 68 left: 128px; 69 } 70 </style> 71 </head> 72 73 <body> 74 <div class="container"> 75 <div class="shape red"></div> 76 <div class="shape green1"></div> 77 <div class="shape green2"></div> 78 <div class="shape blue1"></div> 79 <div class="shape blue2"></div> 80 </div> 81 </body> 82 </html>