如何删除超链接图像的边框？

<li><a href="#" ><img src="images/hospitality.png" title="" /></a>

问题 - 图像显示在IE和Mozilla中的蓝色矩形框内，但不是在Chrome中。如何从IE中删除蓝色框？如何删除超链接图像的边框？

2010-06-10 nectar

没有包含CSS内联的答案是更好的答案。你应该接受它。 – icio 2010-06-10 10:14:48

或内嵌其添加到img元素：

<li> 
    <a href="#"> 
     <img style="border: 0;" src="images/hospitality.png" title="" /> 
    </a> 
</li>

2010-06-10 09:43:14 Alex

为什么你会鼓励某人写内联风格？ – Rowan 2014-01-10 22:01:37

@Rowan制作HTML邮件时？ – 2016-01-29 15:20:27

您可以设置这个CSS的链接中删除所有图像上的蓝色边框：

a img { 
    border: 0; 
}

2010-06-10 09:13:07

的“BORDER = 0 “解决方案的作品，但它并不是很容易实现，因为它需要添加到您的项目中的每个和每个链接图像。

更好的解决方案是，包括你的页面的<head> ... </head>标签内的下列标记，它可以在一个母版页，使所有的内页将固有它的母版页

<style type="text/css"> 
    <!-- 
    img { border: none; } 
    --> 
</style>

2011-07-01 00:48:33 M009

外部CSS

img {border : 0;} 
img a {outline : none;}

内部CSS

<style type="text/css"> 
    img { border: none; } 
</style>

内嵌CSS

<img src="logo.png" style="border-style: none"/>

2013-08-22 06:32:28

，移除此边界应设置边框为无。

a img 
     { 
     border:none; 
     }

2014-05-02 00:29:04 NR65

回答