使用 CSS Clip-path:circle() 属性在图像周围创建圆形边框
P粉875565683
P粉875565683 2024-03-31 17:35:30
[CSS3讨论组]

我想知道如何在图像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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号