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

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

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

圆形图片的代码:

<div>

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

</div>

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

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

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

如何用CSS将图片显示成圆角

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

详解PNG图片

CSS换行详解

关于ol和ul的padding和margin默认值

并排的两个对象如何水平对齐兼容ie6

CSS控制让每行显示4个图片的样式

使用position:fixed属性让DIV居中

CSS div居中的三种方法

精品推荐
分类导航