如何在CSS中制作点菜单？

我想用点使菜单按钮：

这是我的按钮的CSS：

.popup-btn
  height: 35px
  width: 35px
  border-radius: 50%
  background: gray

谢谢

您可以使用盒子阴影和伪元素

div{
  width: 32px;
  height: 32px;
  background: black;
  margin: 20px auto;
  border-radius: 50%;
  position:relative;
}
div:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -2px;
    background: hsl(0, 0%, 100%);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    box-shadow: 0px 8px white, 0px 16px white;
}