首先建个div
<div class="box"></div>
接下来完善css样式
.box{
width: 200px;
height: 200px;
margin: 100px auto;
border: 1px solid;
border-radius: 50%;
background: radial-gradient(circle at 150px 100px,#000 0px,#000 15px,#fff 15px,#fff 50px,transparent 50px),
radial-gradient(circle at 50px 100px,#fff 0px,#fff 15px,#000 15px,#000 50px,transparent 50px),
linear-gradient(to top,black 50%,#fff 50%);
}