html - 删除超链接下划线的基本CSS问题

Question

请容忍我的基本问题。

http://jsbin.com/css-play-notfound/6

我的图像和标题中的文本之间有一条令人讨厌的蓝色下划线。

Answer 1

您可以做两件事:

更改此代码:

<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>