首页 > 代码库 > js 一行代码实现图片圆角（角度可调）
js 一行代码实现图片圆角（角度可调）
关键字：
border-radius
浏览器支持：
效果图：
w3school在线测试工具 v1.2 http://www.w3school.com.cn/tiy/c.asp?f=css_border-radius&p=6
实现代码：
1 <!-- 圆形头像 -->2 <div align="center">3 <img src="http://www.mamicode.com/100.jpg" style="margin:10px auto;border-radius:50%"/> 4 <div> <img src="http://www.mamicode.com/glass.jpg" style="margin:2px auto;border-radius:50%" /> </div>5 <div> <img src="http://www.mamicode.com/eat.jpg" style="margin:3px auto;border-radius:46%" /> </div>6 <div> <img src="http://www.mamicode.com/glass.jpg" style="margin:3px auto;border-radius:15%" /> </div>7 <div> <img src="http://www.mamicode.com/glass.jpg" style="margin:3px auto;border-radius:5%" /> </div>8 </div>
参考：
http://www.divcss5.com/wenji/w732.shtml
CSS3 border-radius 属性
http://www.w3school.com.cn/cssref/pr_border-radius.asp
CSS3 border-top-left-radius 属性
http://www.w3school.com.cn/cssref/pr_border-top-left-radius.asp
http://www.cnblogs.com/rainman/archive/2011/06/21/2085800.html
http://www.cnblogs.com/lianjun/archive/2011/03/11/1981606.html
js 一行代码实现图片圆角（角度可调）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。