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

江山十日雪,雪深江雾浓。开时刻的牵绊,邀阳光作伴,约清风同行,收拾起行囊,咱们去亲近草原吧,去亲近辽阔无边的草原。

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

圆形图片的代码:

复制代码
代码如下:

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

以上就是css圆形图片处理示例(方形图片变圆形图片)。要纠正别人之前,先反省自己有没有出错。更多关于css圆形图片处理示例(方形图片变圆形图片)请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS Sprite图片处理技巧

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例