使用 CSS Clip-path:circle() 属性在图像周围创建圆形边框
P粉875565683
P粉875565683 2024-03-31 17:35:30
0
1
481

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

像:边框:5px纯红色;

我尝试过这个:

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

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

P粉875565683
P粉875565683

全部回复(1)
P粉579008412

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

.roundedimage {
  width: 200px;
  border: 5px solid red;
  border-radius:100vh;
}
rounded Image
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!