如何使用 HTML 和 CSS 创建垂直菜单？

垂直菜单：我们可以以按钮和可滚动菜单的形式创建垂直菜单。垂直菜单是排列在垂直菜单栏/导航栏中的按钮。

如何使用按钮创建垂直菜单：我们可以简单地使用 HTML 和 CSS 来创建它。我们将使用

、

和 标签创建一个简单的网页结构。

句法：

  Home
  1
  ...
  n

例子：

HTML

  

    
  
    

  

    

        GeeksforGeeks
    
      
    
Vertical Menu
  
    

        Home
        About Us 
        Contact Us
        Login 
        Sign Up
    

  

输出：

如何使用可滚动创建垂直菜单：在这里，我们将了解如何使用可滚动创建垂直菜单。为此，我们将使用简单的 HTML 和 CSS。

句法：

    Home
    1
    ...
    n

例子：

HTML

  

    
  
    

  

    

        GeeksforGeeks
    
  
    
Vertical Menu
  
    

        Home
        About Us 
        Contact Us
        Login 
        Sign Up
    

  

输出：