如何使用剪贴路径在图像中添加边框：css中的circle()属性

dgsult0t 于 2022-12-15 发布在其他

关注(0)|答案(1)|浏览(122)

我想知道如何在图像中添加边框clip-path：circle（）;是否有其他添加边框的方法？
例如：边框：5 px纯红色;
我试过这个：

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

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

由于border-radius不起作用，下一步如何进行

1条答案

border-radius适用于图像。请参阅下面的示例。您是否正在查找其他内容？

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

<img src="https://picsum.photos/id/237/200" alt="rounded Image" class="roundedimage">