border-circle-2.html 385 B

123456789101112131415161718192021
  1. <!doctype html>
  2. <html><head>
  3. <title>Circular border</title>
  4. <style>
  5. body { margin: 0 }
  6. div {
  7. margin-left: 8px; margin-top: 8px;
  8. width: 50px; height: 50px;
  9. border: 10px solid black;
  10. border-radius: 10px;
  11. }
  12. div > div {
  13. margin: 0; width: 50px; height: 50px;
  14. border-radius: 0;
  15. background: black;
  16. border: none;
  17. }
  18. </style>
  19. </head>
  20. <body><div><div></div></div></body></html>