删除超链接下划线的基本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>

Answer 2

只需添加css规则...

text-decoration: none;

...通过使用类或ID到您的<a>元素或一个特定元素。

您可以将其应用于所有超链接，如：

a
{
    text-decoration: none;
}

Answer 3

您应该始终添加HTML5和较旧的浏览器CSS重置。

http://cssreset.com/拥有2012年最受欢迎的版本。这样，您将始终以干净利落的方式开始。

Answer 4

a
{
    text-decoration: none;
}

在你的css中添加这个