HTML鏈接圖像問題

Question

在處理HTML電子郵件簽名時，我爲四個鏈接圖像編寫了基本HTML。

<a href="http://www.dwightfund1.com"> 
<img src="https://dwight.app.box.com/representation/file_version_28131628265/image_2048/1.png?shared_name=x116s7oza2gydr9tmlqgv7oad349y885" width="40" height="40" alt="capture"/> 
</a> 
<a href="http://www.dwightfund2.com"> 
<img src="https://dwight.app.box.com/representation/file_version_28131627701/image_2048/1.png?shared_name=97bbaqds6wg6up5ip12a5t55lts7mnd4" width="40" height="40" alt="capture" border="0"> 
</a> 
<a href="http://www.dwightfund3.com"> 
<img src="https://dwight.app.box.com/representation/file_version_28131629073/image_2048/1.png?shared_name=w9ucedcax4fmcw3lelwl9rhgdbhyqvo4" width="40" height="40" alt="capture"/> 
</a> 
<a href="http://www.dwightfund4.com"> 
<img src="https://dwight.app.box.com/representation/file_version_28131628619/image_2048/1.png?shared_name=a3t36efnz0cs3kmcza2an0wehrnczu48" width="40" height="40" alt="capture"/> 
</a> 

當我查看我的瀏覽器的代碼，這些怪異的線路旁邊會出現相似圖片如下：

爲什麼這些線有什麼我可以刪除它們？

Answer 1

它們可能是圖像之間的空白鏈接的默認text-decoration: underline。

如果這是一個電子郵件客戶端（即不支持CSS樣式表），你可能必須做一些像

<a style="text-decoration: none" href="http://www.dwightfund4.com"> 

Answer 2

此邊框是爲了告知用戶圖像是一個鏈接。

http://codepen.io/fedojo/pen/NqGKNX

例如：

a{ 
    text-decoration: none; 
} 

img{ 
    border-style: none; 
} 

Answer 3

你可以用一個元素的顏色將其刪除<a href="http://www.dwightfund1.com" style="color: #fff">