📜  如何使用 CSS 去除锚点标签的下划线?

📅  最后修改于: 2022-05-13 01:56:25.159000             🧑  作者: Mango

如何使用 CSS 去除锚点标签的下划线?

锚标记用于定义超链接,默认显示带下划线的锚部分。使用 text-decoration 属性可以轻松删除下划线。 CSS 的 text-decoration 属性允许根据需要装饰文本。通过将 text-decoration 设置为 none 以从锚标记中删除下划线。

句法:

text-decoration: none;

示例 1:此示例将 text-decoration 属性设置为 none。


 
 
  
 
     
        text-decoration property 
    
      
    
    
 
  
 
  
    

          GeeksForGeeks      

           

Original Link

           Link 1            
             

removed Underline

           Link 2                           

输出:

示例 2:当鼠标移动到锚点部分时,使用 hover 属性去除下划线。


 
 
  
 
     
        text-decoration property 
    
      
    
    
 
  
 
  
    

          GeeksforGeeks      

           GeeksforGeeks Anchor Part                           

输出:
在鼠标移动之前:

鼠标移动后: