基础 CSS 按钮下拉箭头

Foundation CSS 是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，可以轻松设计美观的响应式网站、应用程序和电子邮件，这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。它被许多公司使用，例如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

Foundation CSS Button Dropdown Arrows 是一种包含下拉箭头的按钮样式。下拉箭头类型按钮是使用 .dropdown 类创建的。

使用类：

dropdown：该类用于创建下拉箭头按钮。

句法：


    Dropdown Button


or

示例 1：在此示例中，我们将使用标签创建一个按钮，并使用 .button 类将锚元素设置为按钮样式。另外，使用 .dropdown 类来制作下拉按钮样式的按钮。

HTML



  

    Foundation CSS Button Dropdown Arrows
  
    
    
  
    
    

  

    
        
            GeeksforGeeks
        
  
        Foundation CSS Button Dropdown Arrows
  
        
            Dropdown Primary Button Arrow
        
        
            Dropdown Secondary Button Arrow
        
        
            Dropdown Success Button Arrow
        
        

        
            Dropdown Alert Button Arrow
        
        
            Dropdown Warning Button Arrow
        
        
            Dropdown Disabled Button Arrow
        
        

        
            Dropdown Tiny Success Button Arrow
        
        
            Dropdown Small Alert Button Arrow
        
        
            Dropdown Large Warning Button Arrow
        
        
            Dropdown Expended Button Arrow

HTML



  

    Foundation CSS Button Dropdown Arrows
  
    
    
  
    
    

  

    
        
            GeeksforGeeks
        
  
        Foundation CSS Button Dropdown Arrows

输出：

示例 2：在此示例中，我们将使用