2014-02-25 119 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"