從超鏈接圖片

刪除下劃線這一切都開始了與這兩個碼從超鏈接圖片

  #Header .Logo 
        {     
      background: url('http://s24.postimg.org/69nibdvz9/Header_P  .png') no-repeat 0px 0px; 
      height: 186px; 
      width: 100%; 
      position:relative; 
      top: 0px; 
      margin: 0px 0px -5px; 
      clear: both;

和

   <div class="Logo"><center><img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px;" width="640" height="160" alt="{SourceTitle}" /></center> 
      </div>

基本上我有一個頭和我在它上面的網站的標誌。由於我使用徽標而不是標題，因此我希望圖像具有鏈接。所以我補充道：

   <div class="Logo"><center> <a href="http://oldtimesdaily.tumblr.com"><img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px;" width="640" height="160" alt="{SourceTitle}" /></a></center> 
      </div>

現在問題是由鏈接創建的下劃線是醜陋的。我如何刪除它？我嘗試添加了「風格=」文字修飾：無;」無論是在.Logo並在本身，但它並沒有區別任何幫助

來源

2013-06-19 user2502669

[''

已棄用]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center）。請不要使用它。 –

你或許應該加入這行的CSS使一個鏈接內的任何圖像不顯示邊框或下劃線。

.Logo a,.Logo a img{ 
border:none; 
text-decoration:none; 
}

另外，作爲一個側面說明，除非你有多個標誌，你應該使用ID而不是CLASS作爲最佳實踐。當可能有多個元素需要相同樣式時，您只能在css中使用類。

因此使得代碼：

#Logo a, #Logo a img{ 
border:none; 
text-decoration:none; 
}

來源

2013-06-19 19:41:18

試試這個：

a.Logo:link, a.Logo:visited { 
    text-decoration: none 
}

來源

2013-06-19 19:35:47 Math

的錨？把邊框的圖像周圍。

border屬性添加到圖像風格

<img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px; border: none;" width="640" height="160" alt="{SourceTitle}" />

Here is the fiddle

來源

2013-06-19 19:38:31 Smeegs

如果你風格的CSS您的鏈接線應該走

a:link {color:#;}  /* unvisited link */ 
a:visited {color:#;} /* visited link */ 
a:hover {color:#;} /* mouse over link */ 
a:active {color:#;} /* selected link */

http://www.w3schools.com/css/css_link.asp

來源

2013-06-19 19:41:10 Frank

從超鏈接圖片

回答

相關問題