📜  如何更改 CSS 中的链接颜色?

📅  最后修改于: 2021-11-07 08:51:59             🧑  作者: Mango

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:linka:visited 之后。样式a: active应该在a: hover 之后

示例 3:可以通过应用不同的 CSS 属性(如背景颜色、字体大小、字体样式、文本装饰等)进一步设置链接样式。

HTML



  

    
    
    
    
  
    

  

    

GeeksforGeeks

    

Click these links

          

输出: