如何为圆形图像创建透明的内部边框？

Question

我正在尝试为圆形图像创建透明的内部边框，以使其看起来像下一张图像：

，但是我无法使用CSS在Chrome浏览器中执行此操作。我知道，在Firefox中可以使用-moz-outline-radius完成，但这在Chrome或其他浏览器中不可用。有谁知道如何使用CSS创建边框？

Answer 1

这是排序的这个你正在寻找？

.bordered {
  background-image: url(https://www.koreaboo.com/wp-content/uploads/2017/08/20633602_495193994153039_1210028231588052992_n-2.jpg);
  width: 200px;
  height: 200px;
  border-radius: 200px;
  -webkit-box-shadow: inset 0px 0px 0px 19px rgba(255,255,255,0.75);
  -moz-box-shadow: inset 0px 0px 0px 19px rgba(255,255,255,0.75);
  box-shadow: inset 0px 0px 0px 19px rgba(255,255,255,0.75);
  background-size: cover;
}

<div class="bordered">

</div>