Skip to content Skip to sidebar Skip to footer

How To Remove Border Around Images?

I'm a mobile developer struggling with some HTML works in my app. It looks too easy but I couldn't figure it out: Copy

You can also add a class for only this image:

img.img{
  order:0;
}

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

DEMO

By default the setting of border is medium none color


Solution 2:

It's the default padding/margin on the body element. That's the purpose of a 'CSS reset'. Just add this to your styles:

body {margin: 0; padding: 0;}

Solution 3:

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

Solution 4:

Try:

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

Solution 5:

If you are using css attachment, then:

    img{
   border:0;
}

If you are using styles in the div itself, then use style="border:0px"


Post a Comment for "How To Remove Border Around Images?"