Create a circular border around an image using the CSS Clip-path:circle() property
P粉875565683
P粉875565683 2024-03-31 17:35:30
0
1
446

I want to know how to add a border to an image clip-path:circle(); Is there any other way to add a border?

Like: Border: 5px solid red;

I tried this:

.roundedimage {
  width: 200px;
  clip-path: circle();
}
<img src="images/tv.jpg" alt="rounded Image" class="roundedimage">

Since border-radius does not work, how to proceed next

P粉875565683
P粉875565683

reply all(1)
P粉579008412

border-radius Applies to images. See example below. Are you looking for something else?

.roundedimage {
  width: 200px;
  border: 5px solid red;
  border-radius:100vh;
}
rounded Image
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!