2014-02-25 80 views
0

我是一名手机开发者,在我的应用程序中苦于有一些HTML作品。它看起来很容易,但我无法弄清楚:如何删除图像边框?

<html> 
    <body> 
     <img src="http://www.reactiongifs.com/r/iwsyih.gif"/> 
    </body> 
</html> 

周围图像的白色边框显示,但我不希望这种情况发生。如何删除它?感谢

+0

感谢任何人对你的kind kind help +1 – user3293835

回答

1

这是body元素的默认填充/保证金。这是'CSS重置'的目的。如果您使用的CSS附件,然后

body {margin: 0; padding: 0;} 
+0

这正是我的问题。谢谢。 – user3293835

+0

你能告诉我更多关于CSS重置的信息吗? –

+0

看看这个:http://meyerweb.com/eric/tools/css/reset/ –

2

试试这个代码,请

img{ 
    border:0; 
} 

您还可以添加一个类只有这个形象:

img.img{ 
    order:0; 
} 

<img src="http://www.reactiongifs.com/r/iwsyih.gif" class="img"/> 

DEMO

默认情况下边框的设置是medium none color

+0

'.myClass'从哪里来?它应该是'.img' –

+0

PS您的CSS“.myClass”示例与您的HTML不匹配。 – scunliffe

+0

谢谢编辑答案@RahilWazir –

1
<img src="http://www.reactiongifs.com/r/iwsyih.gif" style="margin:0px;padding:0px;border:0px"/> 
1

尝试:

<img src="http://www.reactiongifs.com/r/iwsyih.gif" style="border:0px;"/> 
0

:只需添加到您的风格

img{ 
    border:0; 
} 

如果您在div本身使用样式,然后用style="border:0px"