基础 CSS 按钮基础

Foundation CSS是 CSS 的前端框架，用于构建可在任何设备上完美运行的响应式网站、应用程序和电子邮件。它使用 HTML、CSS 和 Javascript 编写，并被许多著名公司使用，如 Amazon、Facebook、eBay 等。它使用 Grunt 和 Libsass 等包进行快速编码和控制，并使用 Saas 编译器加快开发速度。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

按钮是最常见的 UI 元素之一。当我们想要执行一些操作并想要导航到不同的页面时，我们可以使用按钮。我们可以使用标签和标签来创建按钮。当我们想要进行导航时使用标签，当我们想要执行一些可以更改页面上某些内容的操作时使用标签。如果我们使用标签，则添加属性type="button" ，如果我们要提交表单，则删除此属性并添加提交类。

在本文中，我们将讨论 Foundation CSS 中按钮的基础知识。

基础 CSS 按钮基础类：

• button ：用于创建按钮以执行某些操作。

句法：

....

示例 1：以下代码演示了使用标记的按钮基础知识。

HTML

    
    


  
    
 GeeksforGeeks 
  
    
 Foundation CSS Button Basics 
  
    
      GFG Button 1
    
    
      GFG Button 2
    
    
      GFG Button 3
        
    
      GFG Button 4
    
  

HTML

  

    
    

  

  
    

      GeeksforGeeks
    
  
    
 Foundation CSS Button Basics
  
    
      GFG Button 1
    
  
    
      GFG Button 2
    
  
    
      GFG Button 3
    
  
    
      GFG Button 4
    
  
  

输出：

基础 CSS 按钮基础

示例 2：以下代码演示了使用标记的按钮基础知识。

HTML

  

    
    

  

  
    

      GeeksforGeeks
    
  
    
 Foundation CSS Button Basics
  
    

      GFG Button 1                    GFG Button 2                    GFG Button 3                    GFG Button 4