html 用CSS3可以用矩形（长方形）定义成圆形嘛

html-css022

html 用CSS3可以用矩形（长方形）定义成圆形嘛,第1张

border-raduis:长度；可以实现你想要的效果；如果不明白具体意思的话，给你发个链接地址，你可以自己在线测试一下；下面有详细的扩展介绍，有助你以后碰到类似的问题的时候明白如何解决；

http://www.css88.com/tool/css3Preview/Border-Radius.html

你可以亲自来演示一下；

CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

代码实例：border-radius: 15px

1、把下列代码添加进入你的<style>标签内

2、清空缓存，看看效果吧（部分IE版本可能不支持）

预览

总结

这是个很实用的方法，可以让图片看起来更「精巧」一些

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

<img src="">

</div>

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