📌  相关文章
📜  当用户使用 CSS 将鼠标悬停在列表项上时,如何使光标移动?

📅  最后修改于: 2021-11-07 07:49:19             🧑  作者: Mango

当用户将鼠标悬停在项目列表上时,使用 CSS 属性创建要手的光标。首先使用 HTML

  • 标签创建项目列表,然后使用 CSS 属性 :hover to cursor:grab;使光标悬停在项目列表上。

    句法:

    element:hover {
        cursor:grab/pointer;
    }

    示例 1:

    
    
        
            make cursor to hand
            
        
        
            

    GeeksforGeeks

            
    Computer Science Subject Lists:
            
                  
    • Data Structure
    •             
    • Algorithm
    •             
    • Operating System
    •             
    • Computer Networks
    •             
    • C Programming
    •             
    • Java
    •             
    • DBMS
    •         
             

    输出:

    示例 2:此示例包含用于更改光标指针交替的 CSS 属性。在这个例子中,使用 nth-child(2n+1) 作为 cursor:grab;并使用 nth-child(2n+2) 作为 cursor:pointer;。

    
    
        
            make cursor to hand
            
        
        
            

    GeeksforGeeks

            
    Computer Science Subject Lists:
            
                  
    • Data Structure
    •             
    • Algorithm
    •             
    • Operating System
    •             
    • Computer Networks
    •             
    • C Programming
    •             
    • Java
    •             
    • DBMS
    •         
             

    输出: