首页新闻找找看学习计划

html img的border-radius所形成的圆形边框总是和Img之间有一圈空白?

0
悬赏园豆:5 [待解决问题]

html img的border-radius所形成的圆形边框总是和Img之间有一圈空白?

问题补充:

<html>
<body>

   <img src="my.png" border="2" style="border-radius:50%;">

</body>
</html>

 

谷歌与火狐都会有一圈空白

 

芳格的主页 芳格 | 菜鸟二级 | 园豆:215
提问于:2017-07-04 17:15
< >
分享
所有回答(2)
0

你应该给出具体浏览器和开发者工具规则面板截图。

TCG2008 | 园豆:1145 (小虾三级) | 2017-07-04 22:40

代码如上,谷歌和火狐都会有这个问题

 

支持(0) 反对(0) 芳格 | 园豆:215 (菜鸟二级) | 2017-07-05 10:15

@芳格: 

firefox 53.0 (64 位)没发现问题,有这种效果应设置

border-radius:50%;padding: 0 10px 10px 10px
支持(0) 反对(0) TCG2008 | 园豆:1145 (小虾三级) | 2017-07-05 13:08

@TCG2008: 不管用

支持(0) 反对(0) 芳格 | 园豆:215 (菜鸟二级) | 2017-07-05 13:23

@芳格: 

我的意思是,你应该检查有没有设置padding导致有一圈空白,另外就是原图是不是就有空白

支持(0) 反对(0) TCG2008 | 园豆:1145 (小虾三级) | 2017-07-05 13:37

检查过了 padding都为0

支持(0) 反对(0) 芳格 | 园豆:215 (菜鸟二级) | 2017-07-05 13:40

@芳格: 如果补充的是原图的话,那是因为里面的圆圈不圆

支持(0) 反对(0) TCG2008 | 园豆:1145 (小虾三级) | 2017-07-05 18:32
0

 使用google试了一下,没有空白啊,效果如下,除非放大N倍,才有那种小锯齿的一圈白色

mini_fan | 园豆:301 (菜鸟二级) | 2017-07-05 14:36
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册