boxshadow-large-offset-ref.html 730 B

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