在 CSS 中使用箭头键时如何定义导航位置？

在本文中，我们将学习如何定义在 CSS 中使用箭头键时的导航位置。

方法：我们可以通过将 nav-up、nav-down、nav-right和nav-up CSS 属性一起使用来完成此任务。这些属性用于通过键盘导航键进行导航。这些属性定义了当用户使用导航键进行导航时关注的焦点。因此，通过使用这四个属性，我们可以通过以下步骤完成此任务：

• 当我们在左按钮上时，我们将nav-right和nav-down值设置为 #Geeks2，即上按钮，将nav-left和nav-up值设置为 #Geeks4，即下按钮。
• 与其他按钮一样，我们可以通过键盘导航键进行导航。

句法：

nav-up: auto | id | target-name | initial | inherit;
nav-down: auto | id | target-name | initial | inherit;
nav-right: auto | id | target-name | initial | inherit;
nav-left: auto | id | target-name | initial | inherit;

注意：这些属性仅支持 Opera 12.0。

例子：

HTML

  

    
    

  

    
        
GeeksforGeeks
        

           Press the Shift
           key while navigating with the arrow keys.
        
  
    
    Up
        
    
    Right
        
    
    Down
        
    
    Left
        
    
      

  

输出：

方向键