📜  CSS按钮-按键式用法

📅  最后修改于: 2020-10-26 04:37:14             🧑  作者: Mango


Pushy Buttons库是一个小的CSS Pressable Buttons库。

加载bttn.css

要加载pushy-buttons.min.css库,请从github下载css,并将以下行粘贴到网页的部分中。



使用按钮

使用html按钮标记创建按钮,并添加样式btn,btn-blue和大小说明符btn-lg。


   
   
   
      
   

它将产生以下输出-

定义大小

您可以通过使用CSS定义按钮的大小并将其与类名一起使用来增加或减小按钮的大小,如下所示。在给定的示例中,我们更改了四个大小。


   
   
   
      
      
      
      
   

它将产生以下输出-




定义颜色

就像大小一样,您可以使用CSS定义按钮的颜色。以下示例显示如何更改按钮的颜色。


   
   
   
      
      
      
   

它将产生以下输出-