Blaze UI 按钮圆形按钮

Blaze UI是一个免费的开源 UI 工具包，它为快速构建网站提供了一个很好的结构，具有可扩展和可维护的基础。 Blaze UI 中的所有组件都是移动优先开发的，并且仅依赖于原生浏览器功能，而不是单独的库或框架。它帮助我们以一致的风格快速高效地创建可扩展且响应迅速的网站。

按钮帮助我们启动操作，例如提交表单、导航到另一个链接等。Blaze UI 中有多种类型的按钮，例如基本按钮、幽灵按钮、圆形按钮、全角按钮等等。在本文中，我们将讨论 Blaze UI 中的圆形按钮。

圆角纽扣是圆角纽扣，也称为丸状纽扣。为了在 Blaze UI 中创建圆形按钮，我们使用 .c-button–rounded 类和 .c-button 类。这些类可以应用于 元素以及 元素。

用于圆形按钮的类：

• .c-button–rounded：该类使按钮的角变圆并将其转换为药丸形按钮。

句法：

Content

示例 1：此示例演示 Blaze UI 中的基本圆形按钮。

HTML

  

    
    
    

  

    
        

            GeeksforGeeks
        
          
        Blaze UI Rounded Button
        

  
        
            Button
        
    

  

---

输出：

输出

示例 2：此示例演示 Blaze UI 中圆形按钮的全彩色变体。

HTML

  

    
    
    

  

    
        
GeeksforGeeks
        Blaze UI Rounded Button
        

        
            Button
        
        
            Button
        
        
            Button
        
        
            Button
        
        
            Button
        
    

  

输出：

输出

参考： https ://www.blazeui.com/components/buttons/