手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css圆形图片处理示例(方形图片变圆形图片)
css圆形图片处理示例(方形图片变圆形图片)
摘要:既然是实现圆形图片,原始图片肯定不是圆形的喽,一般来说是正方形的,如何用CSS实现突破圆形呢?经过查找,找到了方法如下:圆形图片的代码:

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

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

圆形图片的代码:

<div>

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

</div>

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

【css圆形图片处理示例(方形图片变圆形图片)】相关文章:

CSS换行详解

CSS不同浏览器兼容问题

css控制div中元素居中的示例

十套非常漂亮的CSS3按钮样式 无需图片

IE中css属性writing-mode使用

css让容器水平垂直居中的7种方式

div+css让div内部元素如单选按钮均匀分布

css实现body背景图片水平垂直居中方法

使用position:fixed属性让DIV居中

css实现文字层浮在图片之上示例代码

精品推荐
分类导航