在HTML 中,超链接通过使用锚标记 Name添加到网页中。它创建从当前网页导航到另一个网页的链接。
默认的 HTML 链接是蓝色的,当鼠标悬停时,它们会带有下划线。当链接被访问时,它变成紫色。这些默认属性可以更改,也可以使用不同的CSS 属性进行自定义。
示例 1:使用 CSS 选择器创建 HTML 链接的基本自定义。
HTML
GeeksforGeeks
Click me, I am a href link
HTML
GeeksforGeeks
Click the links
HTML
GeeksforGeeks
Click these links
输出:
可以根据状态进一步自定义链接。
链接基本上有4个状态。
- 未访问(a:链接)
- 悬停(a:悬停)
- 访问过(a:访问过)
- 主动(a:主动)
示例 2:我们可以根据状态变化为链接赋予不同的颜色。
HTML
GeeksforGeeks
Click the links
输出:未访问和访问的链接具有不同的颜色。将鼠标放在第二个链接上时,我们会看到链接的颜色和样式发生了变化。放置 a:hover的顺序必须在a:link和a:visited 之后。样式a: active应该在a: hover 之后。
示例 3:可以通过应用不同的 CSS 属性(如背景颜色、字体大小、字体样式、文本装饰等)进一步设置链接样式。
HTML
GeeksforGeeks
Click these links
输出: