使用 CSS Clip-path:circle() 属性在图像周围创建圆形边框

Question

我想知道如何在图像clip-path:circle();中添加边框有什么其他方法可以添加边框吗？

像：边框：5px纯红色；

我尝试过这个：

.roundedimage {
  width: 200px;
  clip-path: circle();
}

<img src="images/tv.jpg" alt="rounded Image" class="roundedimage">

由于 border-radius 不起作用，下一步如何继续

Answer 1

border-radius 适用于图像。请参见下面的示例。您还在寻找其他东西吗？

.roundedimage {
  width: 200px;
  border: 5px solid red;
  border-radius:100vh;
}