基本的CSS問題刪除超鏈接下劃線

有這個藍色下劃線這就是我的圖片和文字在標題之間煩人攀升。

2012-08-11 smartnut007

誰投下來這個附加呢？基本問題也需要回答！善待！ – imakeitpretty 2012-08-11 02:21:11

兩件事情可以做：

更改此代碼：

<img src="logo.png" alt="REUNIFY" height="35" />

這樣：

<img src="logo.png" alt="REUNIFY" height="35" border="0" />

此外，添加到您的CSS樣式表：

a { text-decoration:none }

請注意，上面的CSS將擺脫所有鏈接的下劃線。所以，如果你想你的正常文本鏈接有下劃線，只是希望這個特殊的鏈接沒有下劃線，然後創建一個類，像這樣：

a.noline { text-decoration:none }

，然後改變你的HTML代碼如下：

<h1><span><a href="http://www.wikipedia.org" class="noline"> 
<img src="logo.png" alt="REUNIFY" height="35" border="0" /> 
</a></span> 
Welcome 
</h1>

來源

2012-08-11 01:56:13 Cynthia

您應該刪除CSS重置中的圖像邊界。沒有意義的將它放在每個img標籤上。此外，圖像需要寬度屬性，並且是一個包含自身的標籤。 – Tom 2012-08-11 02:04:33

只需從w3schools閱讀，瞭解如何在圖像上明確指定尺寸以便爲其分配空間。 – smartnut007 2012-08-13 05:27:02

還發現了normalizer.css而不是重置。此外，我明白它與引導程序，我打算隨後使用。 – smartnut007 2012-08-13 19:29:54

只需添加CSS規則...

text-decoration: none;

...你<a>元素，或者一個特定的元素，通過使用一個類或ID。

你可以將它應用到所有的超鏈接，像這樣：

a 
{ 
    text-decoration: none; 
}

來源

2012-08-11 01:49:04

您應該總是添加HTML5和較舊的瀏覽器CSS重置。

http://cssreset.com/有2012年最受歡迎的。這樣，你將永遠在一個乾淨的石板上開始。

來源

2012-08-11 03:08:39

a 
{ 
    text-decoration: none; 
}

在你的CSS

來源

2012-08-11 06:04:02

基本的CSS問題刪除超鏈接下劃線

回答

相關問題