<u>

是一个已弃用的标记。

使用……

<span class="underline">My text</span>

一个CSS文件包含…

span.underline
{
    text-decoration: underline;
}  

或者只是……

<span style="text-decoration:underline">My Text</span>

这将删除您的颜色以及锚标签存在的下划线

a {
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

为这个问题提供另一个角度(从原始帖子的标题/内容推断):

如果您想要追踪是什么在HTML中创建了错误的下划线，请使用调试工具。有很多选择:

Firefox有FireBug;

Opera有蜻蜓(在工具->高级菜单中称为“开发人员工具”;Opera默认自带);

对于IE，有一个“Internet Explorer开发工具栏”，对于IE7及以下版本，可以单独下载，并集成到IE8中(点击F12)。

我对Safari、Chrome和其他少数浏览器不太了解，但你的电脑上至少应该有上述三种浏览器中的一种。

当你想将一个锚标记简单地用作一个链接而不添加样式(如悬停时的下划线或蓝色)时，在锚标记中添加class="no-style"。然后在全局样式表中创建类no-style。

.no-style {
    text-decoration: none !important;
}

这有两个好处。

它不会影响所有的锚标记，只会影响那些添加了“no-style”类的锚标记。 它将覆盖任何其他可能阻止将文本装饰设置为none的样式。

使用CSS。这删除了a和u元素的下划线:

a, u {
  text-decoration: none;
}

有时你需要覆盖元素的其他样式，在这种情况下，你可以在你的规则上使用!important修饰符:

a {
  text-decoration: none !important;
}

不要忘记使用link标记来包含样式表

http://www.w3schools.com/TAGS/tag_link.asp

或者将CSS包含在网页的样式标签中。

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

我不建议在除链接之外的任何地方使用下划线，下划线通常被接受为可点击的东西。如果它不可点击，就不要下划线。

CSS基础知识可以在w3schools学习