📜  基础 CSS 按钮清除样式

📅  最后修改于: 2022-05-13 01:56:15.909000             🧑  作者: Mango

基础 CSS 按钮清除样式

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

Foundation CSS Button Clear Style 用于创建一个简单的锚类型按钮。 clear 样式移除了 button 属性,并制作了一个简单的锚点类型的可点击元素。

使用类:

  • clear:该类用于创建清晰样式的按钮元素。

句法:

  • 带有锚标签:
  • 带按钮标签:

示例 1:在本示例中,我们将使用 标签创建一个按钮,并使用 .button 类将锚元素设置为按钮样式。此外,使用 .clear 类来制作清晰的按钮样式。

HTML


HTML


  

    Foundation CSS Button Clear Style
  
    
    
  
    
    

  

    
        

            GeeksforGeeks         

           

Foundation CSS Button Clear Style

                                      
                               
  


输出:

示例 2:在本示例中,我们将使用                           
                                  

输出:

参考: https://get.foundation/sites/docs/button.html#clear-style