📜  如何从 a:before 使用 CSS 中删除下划线?

📅  最后修改于: 2021-11-08 02:28:56             🧑  作者: Mango

a:before用于在锚标记的内容之前创建一个元素,默认情况下显示带下划线的 a:before 部分。使用 CSS 的 text-decoration 属性去除 a:before 中的下划线并将元素显示设置为 inline-block。

句法:

text-decoration:none;
display:inline-block;

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



  

    
        How to remove underline
        from a:before using CSS?
    
  
    

  

    

GeeksForGeeks

    

Original Link

    Link 1     
    
        

Removed Underline

                     Link 2              
  

输出:

示例 2:当鼠标移到 a:before 部分时,此示例使用悬停属性删除下划线。



  

    
        How to remove underline
        from a:before using CSS?
    
  
    

  

    

GeeksForGeeks

    

Original Link

    Link 1     
    
        

Removed Underline

                     Link 2              
  

输出:

示例 3:此示例仅从 a:before 部分删除下划线。



  

    
        How to remove underline
        from a:before using CSS?
    
      
    

  

    

GeeksForGeeks

    

Original Link

    Link 1     
    
        

Removed Underline

                     Link 2              
  

输出: