📜  幽灵按钮大小

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

幽灵按钮大小

该按钮是任何网站或任何应用程序的重要功能。 Spectre Button size 类用于定义按钮的大小。

按钮尺寸等级:

  • btn-lg:该类用于将按钮大小设置为大。
  • btn-sm:该类用于将按钮大小设置为小。

注意:您可以为方形按钮使用“btn-action”类,或者为圆形按钮添加另一个 s-circle 类,通常用作浮动操作按钮 (FAB)。

  • btn-action:该类用于将按钮形状设置为正方形。
  • s-circle:该类用于将按钮形状设置为圆形。

下面的示例说明了 Spectre 中的按钮大小。

示例 1:在此示例中,我们将定义按钮的大小。

HTML


  

    SPECTRE CSS Buttons Class
    
    
     

  

    
        

GeeksforGeeks

          SPECTRE Button Size Class         
                               
  


HTML


  

    SPECTRE CSS Buttons Class
    
    
     

  

    
        

GeeksforGeeks

          SPECTRE Button Size Class         
                                   

                               
  


输出:

示例 2:在此示例中,我们将定义按钮的形状。

HTML



  

    SPECTRE CSS Buttons Class
    
    
     

  

    
        

GeeksforGeeks

          SPECTRE Button Size Class         
                                   

                               
  

输出:

参考: https://picturepan2.github.io/spectre/elements/buttons.html#buttons-sizes