无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?


当前回答

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

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

Firefox有FireBug;

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

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

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

其他回答

css是

text-decoration: none;

and

text-decoration: underline;

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

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

Firefox有FireBug;

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

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

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

使用CSS删除文本装饰。

a {
  text-decoration: none;
}
<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;
}