02_半月.html

<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"content="width=device-width,
initial-scale=1.0">
  <title>Half Moon</title>
  <style>
     *{

        margin: 0;
        
        padding: 0;
        
        background-color: black;
        
    }
    div{
         
         position: absolute;
         
         top: 50%;
         
         left: 50%;
         
         transform: translate(-50%,     -50%);
         
         height: 100px;
         
         width: 100px;
         
         box-shadow: -15px 15px 0     5px      white  ;
         
         border-radius: 50%;
     
    }
  </style>
</head>
<body>
  <div></div>   
</body>
</html>