html - CSS，图像周围的框不会消失

Question

我在图像周围有一个框，确切地说是推特，我无法让它消失。它看起来如下所示：它只发生在我的网站 www.isaveplus.com 的 Internet Explorer 中，在所有其他浏览器中，它不会出现。我以为是文字装饰，但事实并非如此。以下是它的外观：

<div style="width:11%; float:left; background-color:#2C6B23; height: 51px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-left-color:White; border-left-width:1px; border-left-style:groove; text-align:center ">
<a href="https://twitter.com/ISavePlus1" style="text-decoration:none;" target="_blank"> <img src="picture/twitter.png" alt="twitter" style="height: 100%; width:auto; text-decoration:none;" /> </a>
</div>

有关如何删除图像周围的蓝色框的任何建议？谢谢！

Answer 1

你应该使用style="border:0"

Answer 2

为 img添加边框：0

<div style="width:11%; float:left; background-color:#2C6B23; height: 51px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-left-color:White; border-left-width:1px; border-left-style:groove; text-align:center ">
<a href="https://twitter.com/ISavePlus1" style="text-decoration:none;" target="_blank"> <img src="picture/twitter.png" alt="twitter" style="height: 100%; width:auto; text-decoration:none; border:0" /> </a>
</div>

但最好在外部 css 文件中进行，而不是在样式属性中。

img{border:0;}/* reset border for all images*/

Answer 3

为 img添加边框：无

<div style="width:11%; float:left; background-color:#2C6B23; height: 51px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-left-color:White; border-left-width:1px; border-left-style:groove; text-align:center ">
<a href="https://twitter.com/ISavePlus1" style="text-decoration:none;" target="_blank"> <img src="picture/twitter.png" alt="twitter" style="height: 100%; width:auto; text-decoration:none; border:none" /> </a>
</div>