如何摆脱链接图像周围的框 [英] How to get rid of box around linked image

问题描述

我知道我以前解决过这个问题，但我不记得或找到解决方案，所以我在这里......

在Firefox 3.5中，这个代码导致图像周围出现不希望的蓝色边框。如何摆脱这个蓝色边框？

 < a style =text-decoration：none; HREF = index.html的 > 
< img src =http://www.google.com/logos/stpatricksday10-hp.gif/> 
< / a> 
  

http://jsbin.com/umuzo3

解决方案

  a img {border：none; } 
  

应该这样做（适用于IE6）。

I know I've solved this problem before, but I can't remember or find the solution, so here I am...

In Firefox 3.5 this code causes an undesirable blue border around the image. How do I get rid of this blue border?

<a style="text-decoration: none;" href="index.html">
    <img src="http://www.google.com/logos/stpatricksday10-hp.gif" />
</a>

http://jsbin.com/umuzo3

解决方案

a img { border: none; }

Should do the trick (works in IE6).

这篇关于如何摆脱链接图像周围的框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！