css如何把图片圆形

html-css025

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

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

<img src="">

</div>

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

css3的圆角样式

border-radius就可以做到了，

圆形，就把四个角都设置成宽高的一半，就是50%，或者是固定值，，

注意的是，如果你是直接用Img标签的话，那你的Img

宽高要一样，就是说要是正方形，

如果你是通过容器来实现的话，你就直接把容器设置成正方形，border-radius:50%然后再background图片就可以了。