如何刪除超鏈接圖像的邊框？

<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

回答