如何删除图像周围的边框?

时间:2014-02-25 22:59:02

标签: html css

我是一名移动开发者,在我的应用中遇到一些HTML工作。它看起来太容易但我无法弄清楚:

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

图像周围出现白色边框,但我不希望发生这种情况。怎么删除它?感谢

5 个答案:

答案 0 :(得分:2)

请尝试此代码

img{
   border:0;
}

您还可以仅为此图片添加课程:

img.img{
  order:0;
}

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

DEMO

默认情况下,边框设置为medium none color

答案 1 :(得分:1)

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

答案 2 :(得分:1)

尝试:

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

答案 3 :(得分:1)

这是body元素的默认填充/边距。这就是'CSS重置'的目的。只需将其添加到您的样式中:

body {margin: 0; padding: 0;}

答案 4 :(得分:0)

如果您使用的是css附件,那么:

    img{
   border:0;
}

如果您在div中使用样式,请使用style="border:0px"