自互联网开始以来，古老的超链接一直是一个关键功能。还记得当你发现单击可以把你带到世界任何地方时，你会感到惊讶吗？

嗯，也许那一刻已经过去了。但链接仍然和以前一样重要。这是设计师必须既明显又容易使用的东西。

虽然简单，但文本链接的默认行为效果很好。但是，现代CSS和JavaScript允许我们做更多的事情。链接不仅比以前更漂亮，还能为您的整体品牌提供更大的上下文。

今天，我们将向您展示一些超越普通链接风格的例子。它们脱颖而出，能带来更好(或更有趣)的用户体验。

链接下划线提供与文本本身相比可能是一个很好的解决方案。对于用户来说，它们是直观的，不需要使用太多的风格。在这里，蓝色下划线很好地将自己与深色文本分开。精美的悬停动画只会增加体验。

带下划线的字符(如小写)g，j或p）有时看起来很尴尬。但是此动画"吉他弦"演示提供了一致的外观。这是一件小事，但它给整体设计带来了统一的清洁度。

查看以下文本中带下划线的链接。两侧的页边距使下划线无法完全覆盖链接文本的整个宽度。悬挂时，下划线将平稳转换以覆盖空白区域。这种微交互仍然很微妙，但用户非常友好。

带下划线的链接最初是由Wired.com广受欢迎。尽管出版风格不断发展，但其传承仍值得考虑。用户很难错过这些超链接——但风格影响不大。这是设计师应该追求的平衡。

悬挂效果是在网站的超链接中增加个性的好方法。以这个CSS以关键帧为例。它可以转换基本文本，在悬挂时产生引人注目的突出显示效果。它看起来很酷，有助于同时指导用户。

链接本身并不总是提供完整的上下文。当然，有些取决于内容本身。但事实上，只有这么多文本可以超链接。这就是示例派上用场的地方。它添加了侧面显示的引文内容。在链接上悬挂鼠标也会突出相关引用。这可能非常适合学术工作甚至教程。

如果引文不适合您的项目，也许工具提示可以胜任。使用此jQuery您几乎可以在包括链接在内的任何元素中添加工具提示。而且，和你的光标一起向右移动。

悬挂动画有助于确保用户知道他们的光标在正确的位置。假如你在寻找既迷人又轻巧的动画，那么效果集值得一试。有很多有吸引力的内容可以增强你的链接。

装饰网站的超链接是提高可用性的最简单方法之一。在吸引更多用户甚至增加转换之间可能只有几行CSS。

以上示例展示了各种方法。有的复杂，有的简单。太好了，因为这些效果不是一刀切的。关键是选择适合您的网站并吸引特定受众的解决方案。

链接过于重要，不容忽视。希望这些例子能激励你做更多的事情。