css如何把图片圆形

html-css017

css如何把图片圆形,第1张

<div style="width:100pxheight:100pxborder-radius:50%overflow:hidden">

<img src="">

</div>

需要浏览器支持CSS 3 ,注意div的宽高要一样,也可以直接把样式添加在img上,但不建议那样

图片能转成html码?不是这样的吧,应该是转换成HTML代码里的<img src="" />吧,在html是图片,在css里是背景。

先写一个类:

.img{

width:图片宽度

height:图片高度

background-img:url(图片地址)

}

然后调用就可以了:

<div class="img"></div>

把图片传到相册,在以下是换空间背景的css代码,你把地址贴在下面的括号里就可以了,在你原本有模板的body那里,找background:url(),贴上就ok了。

body{background:url(图片地址)

center

top

repeat

#ffffffbackground-attachment:fixedoverflow:scrolloverflow-x:hidden}