使用 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;
}