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

ttx9n · 发表于 2014-4-10 16:30:23

这篇文章主要介绍了css圆形图片处理示例(方形图片变圆形图片),需要的朋友可以参考下

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

圆形图片的代码:

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

uj9lpc · 发表于 2022-9-17 05:14:45

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

白狐软件 · 发表于 2022-9-30 05:08:15

建军节建军节建军节建军节

shw5ovr · 发表于 2022-10-18 13:38:06

大家都不容易！

额呵呵 · 发表于 2022-11-27 12:04:02

感谢楼主分享

白狐软件 · 发表于 2022-12-17 11:46:53

vcxvcxv

Alisaliu · 发表于 2023-8-31 12:33:20

大家都不容易！

5ble0ks · 发表于 2023-10-9 00:00:34

下载来瞧瞧

i1efp6c · 发表于 2023-10-26 04:30:48

呵呵呵呵呵呵

adm1n · 发表于 2023-11-13 00:59:10

啦啦啦啦啦德玛西亚

账号		自动登录	找回密码
密码			立即注册

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