隐藏与CSS的链接可以通过多种方式完成，但我们将看看两种方法，即可以从视图中完全隐藏URL。 如果您想在您的网站上创建搜索引擎或复活节彩蛋，这是隐藏链接的有趣方法。
第一种方法是使用“none”作为指针事件的CSS属性值。 另一种是简单地为文字着色以匹配页面的背景。
请记住，在搜索源代码时，这两种方法都不会使链接完全消失。 但是，访问者不会有简单直接的方式来查看它，而且新手访问者也不会知道如何找到链接。
注意：如果您正在寻找关于如何链接外部样式表的说明，这些说明并不是您要做的。 请参阅什么是外部样式表？ 代替。
禁用指针事件
我们可以用来隐藏URL的第一种方法是让链接不做任何事情。 当鼠标悬停在链接上时，它不会显示URL指向的内容，也不会让您单击它。
正确编写HTML
一个网页，确保超链接像这样读取：
ThoughtCo.com当然， “https://www.thoughtco.com/”需要指向您想要隐藏的实际URL，并且ThoughtCo.com可以更改为任何描述该链接的词或短语。
这里的想法是，活跃的类将用于下面的CSS来有效地隐藏链接。
使用这个CSS代码
CSS代码需要处理活动类，并向浏览器解释点击链接时的事件应为“无”，如下所示：
.active {pointer-events：none; 光标：默认; }您可以在JSFiddle上查看此方法。 如果您在那里删除CSS代码，然后重新运行数据，则该链接突然变得可点击并可用。 这是因为在未应用CSS时，链接正常工作。
注意：请记住，如果用户查看页面的源代码，他们会看到链接并确切知道它的位置，因为就像我们上面看到的那样，代码仍然存在，它只是不可用。
更改链接的颜色
通常情况下，网页设计师会使超链接的颜色与背景不同，以便访问者可以真正看到他们并知道他们去哪里。 但是，我们在这里隐藏链接 ，所以让我们看看如何更改颜色以匹配页面的颜色。
定义一个自定义类
如果我们使用上面第一种方法的相同示例，我们可以简单地将该类更改为我们想要的，以便只隐藏特殊链接。
如果我们没有使用类，而是将CSS从下面应用到每个链接，那么它们都会消失。 这不是我们之后的事情，所以我们将使用这个使用自定义隐藏类的HTML代码：
ThoughtCo.com找出使用什么颜色
在我们输入适当的CSS代码来隐藏链接之前，我们需要弄清楚我们想要使用什么颜色。 如果你已经有了坚实的背景，比如白色或黑色，那很简单。 但是，其他特殊颜色也需要精确。
例如，如果您的背景颜色具有e6ded1的十六进制值， 则需要知道CSS代码可以正常工作以便使其消失。
这些“拾色器”或“吸管”工具有很多，其中之一称为Chrome浏览器的ColorPick吸管。 使用它来对网页的背景颜色进行采样以获得十六进制颜色。
自定义CSS以更改颜色
现在您已具有该链接的颜色，现在可以使用上面的自定义类值来编写CSS代码：
.hideme {color：＃e6ded1; }如果您的背景颜色像白色或绿色一样简单，则不必在其之前放置＃号：
.hideme {color：white; }在此JSFiddle中查看此方法的示例代码。