Cipta sempadan bulat di sekeliling imej menggunakan sifat CSS Clip-path:circle()

Question

Saya ingin tahu cara menambah sempadan dalam clip-path:circle(); Adakah terdapat cara lain untuk menambah sempadan?

Imej: Sempadan: 5px merah pepejal;

Saya mencuba ini:

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

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

Memandangkan jejari sempadan tidak berfungsi, bagaimana untuk meneruskan seterusnya

Answer 1

border-radius Berfungsi dengan imej. Lihat contoh di bawah. Adakah anda sedang mencari sesuatu yang lain?

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