How to remove black border around hyperlinked image?

Question

When I turn an image (<img>) into a hyperlink (by wrapping it in <a>), Firefox adds a black border around the image. Safari does not display the same border.

What CSS declaration would be best to eliminate the border?

Answer 1

img {
    border: 0
}

Or old-fashioned:

<img border="0" src="..." />
     ^^^^^^^^^^

Answer 2

Just add:

border: 0;

or:

a img {
  border: 0;
}

to remove border from all image links.

That should do the trick.

Answer 3

in the code use border=0. so for example:

<img href="mypic.gif" border="0" />

within css

border : 0;

under whatever class your image is.