css圆形图片处理示例(方形图片变圆形图片)

前端技术 2023/09/08 CSS

既然是实现圆形图片，原始图片肯定不是圆形的喽，一般来说是正方形的，如何用CSS实现突破圆形呢？经过查找，找到了方法如下：

圆形图片的代码:


复制代码
代码如下:

<div style=\"width:120px; height:120px; border-radius:50%; overflow:hidden;\">
<img src=\"avatar.png\" alt=\"正方形的原始图片\" />
</div>

本文地址：https://www.stayed.cn/item/22655

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案