图像超链接与边框

 

图像超链接与边框

当使用图像作为超链接时，例如：

<a href="http://www.lxistandard.org"><img src="images/lxi_compliant.gif" alt="LXI联盟" /></a>

在浏览器显示这个图像时，周围会有一个紫色的边框，如下图所示：

这样看起来非常不美观。怎样才能去掉这个边框呢？起初我还以为是继承了某个样式的原因，后来才发现这是浏览器自动为“a”标记添加的样式。要去掉这个边框，只需要为img标记添加如下样式：

img{ border: none; }