📜  物化 CSS |纽扣

📅  最后修改于: 2021-09-01 01:46:00             🧑  作者: Mango

按钮组件及其内部的链接可能是最重要的功能之一,允许用户与网页交互并执行各种功能并从一个网页移动到另一个网页。以下是定义的各类按钮及其效果:

  • 浮动:用于创建圆形按钮。
  • Flat:用于为按钮设置平面显示效果,减少过度分层。例如,平面按钮通常用于卡片内的操作,这样不会有太多重叠的阴影。
  • 提交按钮:用于表示为主按钮。使用按钮提交表单时,可以使用类型为 submit 的按钮标签,而不是使用 input 标签。
  • Small:当鼠标和键盘是主要输入方式时使用,此按钮用于更密集的 UI 布局。
  • 禁用:用于创建禁用按钮。

例子:

HTML


  

  
  
  
  
  
  
  
  
  
  

  

  
  
    

Raised Button

    button     listbutton     listbutton   
     
    

Floating Button

           edit           
  
    

Flat Button

    Button      
  
    

Submit Button

       
  
    

Large Button

    Button     list         button          listbutton      
  
    

Small Button

    Button     listbutton     listbutton      
  
    

Disabled Button

    Button     Button     Button            edit      
        


输出: