boxshadow-spread-ref.html 405 B

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE HTML>
  2. <style>
  3. body {
  4. background-color: green;
  5. }
  6. #thediv {
  7. background-color: green;
  8. width: 300px;
  9. height: 100px;
  10. position: absolute;
  11. top: 20px;
  12. left: 20px;
  13. z-index: 2;
  14. }
  15. #theshadow {
  16. background-color: black;
  17. width: 306px;
  18. height: 106px;
  19. position: absolute;
  20. top: 20px;
  21. left: 20px;
  22. z-index: 1;
  23. }
  24. </style>
  25. <div id="theshadow">&nbsp;</div><div id="thediv">Foo</div>