boxshadow-large-offset-ref.html (730B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .top { 5 background-color: red; 6 width: 800px; 7 height: 400px; 8 } 9 10 .bottom { 11 background-color: #fec; 12 width: 800px; 13 height: 400px; 14 } 15 16 .leftCut { 17 position: absolute; 18 margin-left: 0px; 19 margin-top: 0px; 20 width: 10px; 21 height: 800px; 22 background-color: black; 23 } 24 25 .rightCut { 26 position: absolute; 27 margin-left: 790px; 28 margin-top: 0px; 29 width: 10px; 30 height: 800px; 31 background-color: black; 32 } 33 34 .centerCut { 35 position: absolute; 36 margin-top: 395px; 37 width: 800px; 38 height: 20px; 39 background-color: black; 40 } 41 </style> 42 43 <body> 44 <div class="leftCut"></div> 45 <div class="rightCut"></div> 46 <div class="centerCut"></div> 47 <div class="top"></div> 48 <div class="bottom"></div> 49 </body> 50 </html>