css圆形图片处理示例(方形图片变圆形图片)
css圆形图片处理示例(方形图片变圆形图片)
发布时间:2017-01-07 来源:查字典编辑
摘要:既然是实现圆形图片,原始图片肯定不是圆形的喽,一般来说是正方形的,如何用CSS实现突破圆形呢?经过查找,找到了方法如下:圆形图片的代码:

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

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

圆形图片的代码:

<div>

<img src="avatar.png" alt="正方形的原始图片" />

</div>

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类