图像超链接与边框
当使用图像作为超链接时,例如:
<a href="http://www.lxistandard.org"><img src="images/lxi_compliant.gif" alt="LXI联盟" /></a>
在浏览器显示这个图像时,周围会有一个紫色的边框,如下图所示:
这样看起来非常不美观。怎样才能去掉这个边框呢?起初我还以为是继承了某个样式的原因,后来才发现这是浏览器自动为“a”标记添加的样式。要去掉这个边框,只需要为img标记添加如下样式:
img{ border: none; }