html - 如何在css中制作圆形图像

Question

我对这类事情很陌生，但这是我的问题。我已经查看了几个问题，如何将其制作成圆形是有意义的，但是制作成圆形的图像被切掉了一半，有没有办法解决这个问题。我正在使用 HTML 和 CSS。

circular_image {
  float: left;
  margin-left: 125px;
  margin-top: 20px;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden;
  background-color: blue;
}

Answer 1

这对我有用

clip-path: circle();