css 使用边框和阴影制作图像圆形。

Posted 2021-05-13

/* Source: http://stackoverflow.com/questions/16310985/add-border-to-circle-image */
img.circle-border {
  width: 126px;
  height: 126px;
  border: 5px solid #fff;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}