Semantic-UI 菜单按钮内容

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。这个框架最好的部分是它创建了漂亮的响应式布局，因为它包含预构建的语义组件。

菜单是显示一组项目的组件，这些项目用作网站的一个部分到另一个部分之间的导航。它是必不可少的组件，并且始终存在于任何网站中，以使用户可以轻松导航。

菜单按钮是菜单内容类，其中菜单包含一个按钮。当我们想要创建一个包含一个或多个用户可以单击的按钮的菜单时，这个类很有用。

语义 UI 菜单按钮内容类：

button：该类用于创建按钮。菜单类用作其父级以创建菜单按钮。

句法：


    
        ....
    
    ....

示例 1：在以下程序中，我们将创建一个菜单按钮。

HTML




    Semantic-UI Menu Button Content
    


  

  GeeksforGeeks
  Menu Button
  

  
    
       
        Register

HTML




    Semantic-UI Menu Button Content
      


  

  GeeksforGeeks
  Menu Button
  

  
    
       
       Home
      
    
    
         
          About
        
    
    
         
            Contact
        
    
     
         
              Sign Up

输出：

示例 2：在以下程序中，我们将创建多个菜单按钮。

HTML




    Semantic-UI Menu Button Content
      


  

  GeeksforGeeks
  Menu Button
  

  
    
       
       Home
      
    
    
         
          About
        
    
    
         
            Contact
        
    
     
         
              Sign Up

输出：

参考链接： https://semantic-ui.com/collections/menu.html