clipping-1-ref.html 494 B

1234567891011121314151617181920212223242526272829
  1. <!doctype html>
  2. <html><head>
  3. <title>Border clipping</title>
  4. <style>
  5. .div1 { width: 50px; height: 50px;
  6. border: 10px solid black;
  7. border-radius: 20px;
  8. position: fixed;
  9. left: 50px;
  10. top: 50px;
  11. }
  12. .div2 {
  13. width: 40px; height: 40px;
  14. border: 10px solid black;
  15. background: black;
  16. border-radius: 10px;
  17. position: fixed;
  18. left: 55px;
  19. top: 55px;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div class="div1"/>
  25. <div class="div2"/>
  26. </body></html>